video.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>技淘视频</title>
  6. <!-- <link rel="stylesheet" href="../src/css/bootstrap.css" />
  7. <link rel="stylesheet" href="../src/css/newMenu/public.css">
  8. <link rel="stylesheet" href="../src/css/newMenu/header.css">
  9. <link rel="stylesheet" href="../src/css/search.css">
  10. <link rel="stylesheet" href="../src/css/video.css"> -->
  11. </head>
  12. <body>
  13. <!-- <div class="carousel">
  14. <img src="../img/patent/patent_banners.jpg" alt="First slide">
  15. </div> -->
  16. <div class="indexSearch">
  17. <div class="search-inp">
  18. <div class="input-group">
  19. <input type="text" class="form-control demandSearch" placeholder="请输入视频名称">
  20. <span class="input-group-btn">
  21. <button class="btn btn-default searchBtn" type="button">
  22. <img src="../img/newMenu/search-icon.jpg" alt=""> 搜索
  23. </button>
  24. </span>
  25. </div>
  26. </div>
  27. </div>
  28. <div class="title">
  29. 视频专区
  30. </div>
  31. <div class="contImg">
  32. <ul>
  33. <li>
  34. <img src="" alt="">
  35. <div class="videoImg">
  36. <span></span>
  37. </div>
  38. </li>
  39. </ul>
  40. </div>
  41. <div class="pagination_box">
  42. <nav aria-label="Page navigation" class="clearfix">
  43. <ul class="pagination">
  44. <li class="pagePre">
  45. <a href="#" aria-label="Previous">
  46. <span aria-hidden="true">&laquo;</span>
  47. </a>
  48. </li>
  49. <li class="pageNumber"><a href="#" value="1">1</a></li>
  50. <li class="pageNext">
  51. <a href="#" aria-label="Next">
  52. <span aria-hidden="true">&raquo;</span>
  53. </a>
  54. </li>
  55. </ul>
  56. <div class="inp">
  57. <input type="text" class=""><button class="btn btn-default">跳转</button>
  58. </div>
  59. <span class="totalCount">共0条数据</span>
  60. </nav>
  61. </div>
  62. <div class="videoPlay">
  63. <div class="videoTopM">
  64. <span class="glyphicon glyphicon-remove"></span>
  65. <span class="videoPre">播放上一个</span>
  66. <span class="videoNext">播放下一个</span>
  67. <div class="videoList">
  68. <video id="videoAt" controls='true' contenteditable="false">
  69. <source src="http://118.190.205.7:8000/Pear-Demo-Yosemite_National_Park.mp4 " type="video/mp4">
  70. </video>
  71. </div>
  72. </div>
  73. </div>
  74. </body>
  75. </html>