videoDetail.html 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  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/videoDetail.css"> -->
  11. </head>
  12. <body>
  13. <div class="indexSearch">
  14. <div class="search-inp">
  15. <div class="input-group">
  16. <input type="text" class="form-control demandSearch" placeholder="请输入视频名称">
  17. <span class="input-group-btn">
  18. <button class="btn btn-default searchBtn" type="button">
  19. <img src="../img/newMenu/search-icon.jpg" alt=""> 搜索
  20. </button>
  21. </span>
  22. </div>
  23. </div>
  24. </div>
  25. <div class="videoBody">
  26. <div class="videoCenter">
  27. <div class="videoPlay">
  28. <video id="videoDe" controls="true" controlslist="nodownload">
  29. <source src="http://118.190.205.7:8000/Pear-Demo-Yosemite_National_Park.mp4" type="video/mp4"/>
  30. </video>
  31. <div class="share">
  32. <div>
  33. <img src="http://192.168.0.188:80/portal/1.0.1/img/indedImg/share.png" alt=""> <span>分享</span>
  34. </div>
  35. <ul>
  36. <li class="qqHy"></li>
  37. <li class="qqKj"></li>
  38. <li class="xlWb"></li>
  39. </ul>
  40. </div>
  41. </div>
  42. <div class="videoList">
  43. <h3>技淘视频</h3>
  44. <ul>
  45. <li>
  46. <a href="">
  47. <img src="../img/Android.jpg" alt="">
  48. <div class="txt">
  49. <h4>申请军工三证72问</h4>
  50. <p>注意此处限制2排字注意此处限制2排字注意此处限制2排字注意此处限制2排字注意此处限制2排字</p>
  51. </div>
  52. </a>
  53. </li>
  54. <li>
  55. <img src="../img/Android.jpg" alt="">
  56. <div class="txt">
  57. <h4>申请军工三证72问</h4>
  58. <p>注意此处限制2排字注意此处限制2排字注意此处限制2排字注意此处限制2排字注意此处限制2排字</p>
  59. </div>
  60. </li>
  61. <li>
  62. <img src="../img/Android.jpg" alt="">
  63. <div class="txt">
  64. <h4>申请军工三证72问</h4>
  65. <p>注意此处限制2排字注意此处限制2排字注意此处限制2排字注意此处限制2排字注意此处限制2排字</p>
  66. </div>
  67. </li>
  68. </ul>
  69. </div>
  70. <div class="share">
  71. <div>
  72. <img src="../img/indedImg/share.png" alt=""> <span>分享</span>
  73. </div>
  74. <ul>
  75. <li class="qqHy"></li>
  76. <li class="qqKj"></li>
  77. <li class="xlWb"></li>
  78. </ul>
  79. </div>
  80. </div>
  81. <h2>申请军工三证</h2>
  82. </div>
  83. <div class="summary">
  84. <h4>简介</h4>
  85. <p>军工资质条件的一句话简介简介简介军工资质条件的一句话简介简介简介军工资质条件的一句话简介简介简介军工资质条件的一句话简介简介简介军工资质条件的一句话简介简介简介军工资质条件的一句话简介简介简介军工资质条件的一句话简介简介简介军工资质条件的一句话简介简介简介军工资质条件的一句话简介简介简介军工资质条件的一句话简介简介简介军工资质条件的一句话简介简介简介军工资质条件的一句话简介简介简介</p>
  86. </div>
  87. </body>
  88. </html>