浏览代码

'更新视频'

魏志佳 5 年之前
父节点
当前提交
cf0cddbd46
共有 11 个文件被更改,包括 28 次插入28 次删除
  1. 二进制
      images/1.jpg
  2. 二进制
      images/2.jpg
  3. 二进制
      images/3.jpg
  4. 二进制
      images/4.jpg
  5. 二进制
      images/5.jpg
  6. 二进制
      images/6.jpg
  7. 二进制
      images/7.jpg
  8. 二进制
      images/8.jpg
  9. 6 6
      index.html
  10. 5 5
      js/index.js
  11. 17 17
      showWork.html

二进制
images/1.jpg


二进制
images/2.jpg


二进制
images/3.jpg


二进制
images/4.jpg


二进制
images/5.jpg


二进制
images/6.jpg


二进制
images/7.jpg


二进制
images/8.jpg


+ 6 - 6
index.html

@@ -62,8 +62,8 @@
                        
                         <div class="video-item" >
                             <video
-                                src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/Pum%E6%B2%90%E6%B5%B4%E9%9C%B2-1.m4v"
-                                x5-video-player-type="h5" style="object-fit:fill" poster='./images/沐浴露封面.png'
+                                src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/1.m4v"
+                                x5-video-player-type="h5" style="object-fit:fill" poster='./images/1.jpg'
                                 x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
                                 playsinline="true" webkit-playsinline
                                 x5-video-orientation="portraint"
@@ -74,8 +74,8 @@
                         </div>
                         <div class="video-item" >
                             <video
-                                src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/%E7%94%B5%E5%8A%A8%E7%89%99%E5%88%B7-2.m4v"
-                                x5-video-player-type="h5" style="object-fit:fill" poster='./images/yashua.png'
+                                src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/2.m4v"
+                                x5-video-player-type="h5" style="object-fit:fill" poster='./images/2.jpg'
                                 x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
                                 x5-video-orientation="portraint"
                                 x-webkit-airplay='allow'
@@ -85,8 +85,8 @@
                         </div>
                         <div class="video-item">
                             <video
-                                src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/%E8%8A%B1%E8%A5%BF%E5%AD%90%E5%8D%B8%E5%A6%86%E5%B7%BE-3.m4v"
-                                x5-video-player-type="h5" style="object-fit:fill" poster='./images/xiezhuangjin.png'
+                                src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/3.m4v"
+                                x5-video-player-type="h5" style="object-fit:fill" poster='./images/3.jpg'
                                 x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
                                 x5-video-orientation="portraint"
                                 x-webkit-airplay='allow'

文件差异内容过多而无法显示
+ 5 - 5
js/index.js


+ 17 - 17
showWork.html

@@ -57,11 +57,11 @@
                     <div class="firstPage">
                         <div class="list"  >
                             <video 
-                            src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/Pum%E6%B2%90%E6%B5%B4%E9%9C%B2-1.m4v" 
+                            src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/1.m4v" 
                             webkit-playsinline 
                             playsinline="true" 
                             x5-video-player-type="h5"
-                            poster='./images/沐浴露封面.png'
+                            poster='./images/1.jpg'
                             style="object-fit:fill"
                             x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
                             class="video">
@@ -70,9 +70,9 @@
                             <img src="./images/play.png" alt="" class="play">
                         </div>
                         <div class="list"  >
-                            <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/%E7%94%B5%E5%8A%A8%E7%89%99%E5%88%B7-2.m4v"
+                            <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/2.m4v"
                             x5-video-player-type="h5" style="object-fit:fill"
-                            poster='./images/yashua.png'
+                            poster='./images/2.jpg'
                              webkit-playsinline playsinline="true"
                              x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
                              class="video"></video>
@@ -80,9 +80,9 @@
                             <img src="./images/play.png" alt="" class="play">
                         </div>
                         <div class="list"  >
-                            <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/%E8%8A%B1%E8%A5%BF%E5%AD%90%E5%8D%B8%E5%A6%86%E5%B7%BE-3.m4v"
+                            <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/3.m4v"
                             x5-video-player-type="h5" style="object-fit:fill"
-                            poster='./images/xiezhuangjin.png'
+                            poster='./images/3.jpg'
                             webkit-playsinline playsinline="true"
                             x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
                             x5-video-orientation="portraint"
@@ -91,9 +91,9 @@
                             <img src="./images/play.png" alt="" class="play">
                         </div>
                         <div class="list clear-right"  >
-                            <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/%E9%BA%A6%E7%89%87-6.m4v"
+                            <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/4.m4v"
                             x5-video-player-type="h5" style="object-fit:fill"
-                            poster='./images/maipian.png'
+                            poster='./images/4.jpg'
                             webkit-playsinline playsinline="true" 
                             x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
                             x5-video-orientation="portraint"
@@ -104,9 +104,9 @@
                     </div>
                     <div class="nextPage">
                         <div class="list" >
-                            <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/%E9%A9%AC%E4%B8%81%E6%B4%81%E9%9D%A2-5.m4v"
+                            <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/5.m4v"
                             x5-video-player-type="h5" style="object-fit:fill"
-                            poster='./images/ximiannai.png'
+                            poster='./images/5.jpg'
                              playsinline="true" webkit-playsinline
                              x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
                              x5-video-orientation="portraint"
@@ -115,9 +115,9 @@
                             <img src="./images/play.png" alt="" class="play">
                         </div>
                         <div class="list"  >
-                            <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/%E8%8A%B1%E8%A5%BF%E5%AD%90%E6%95%A3%E7%B2%89-4.m4v"
+                            <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/6.m4v"
                             x5-video-player-type="h5" style="object-fit:fill"
-                            poster='./images/sanfen.png'
+                            poster='./images/6.jpg'
                              playsinline="true" webkit-playsinline 
                              x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
                              x5-video-orientation="portraint"
@@ -126,9 +126,9 @@
                             <img src="./images/play.png" alt="" class="play">
                         </div>
                         <div class="list" >
-                            <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/%E9%A9%AC%E4%B8%81%E6%B4%81%E9%9D%A2-5.m4v"
+                            <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/7.m4v"
                             x5-video-player-type="h5" style="object-fit:fill"
-                            poster='./images/ximiannai.png'
+                            poster='./images/7.jpg'
                              playsinline="true" webkit-playsinline
                              x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
                              x5-video-orientation="portraint"
@@ -136,10 +136,10 @@
                             <p class="from">媒体:快手</p>
                             <img src="./images/play.png" alt="" class="play">
                         </div>
-                        <div class="list"  >
-                            <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/%E8%8A%B1%E8%A5%BF%E5%AD%90%E6%95%A3%E7%B2%89-4.m4v"
+                        <div class="list  clear-right"  >
+                            <video src="http://ctop-www.oss-cn-beijing.aliyuncs.com/yourong/case/8.m4v"
                             x5-video-player-type="h5" style="object-fit:fill"
-                            poster='./images/sanfen.png'
+                            poster='./images/8.jpg'
                              playsinline="true" webkit-playsinline 
                              x5-playsinline="x5-playsinline" x-webkit-airplay="true" preload="auto"
                              x5-video-orientation="portraint"