样式优化

zhiyangdu
1 parent f1291523
Showing 2 changed files with 8 additions and 2 deletions
src/App.vue
src/pages/index/index.vue
@@ -22,9 +22,15 @@
         background-color: transparent !important;
         .vjs-poster{
         background-color: transparent !important;
+        border: solid 1px #ffcd6d;
+        border-radius: 16px;
         }
     }
     .video-js .vjs-progress-control .vjs-progress-holder{
         outline: none;
+        /*background-color:transparent;*/
     }
+    /*.video-js .vjs-slider{*/
+        /*background-color: #73859f;*/
+    /*}*/
 </style>
@@ -106,7 +106,7 @@
                         src: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2019/12/30/5e09739a07d18.mp4"
                     }],
                     hls: true, // 启用hls？
-                    poster: './static/img/index/video1.png', // 你的封面地址
+                    poster: 'https://wjj.ys2.cnliveimg.com/769/shop/img/2020/01/04/5e1068d39b183.jpg', // 你的封面地址
                     width: document.documentElement.clientWidth || document.body.clientWidth,
                     notSupportedMessage: '此视频暂无法播放，请稍后再试' //  允许覆盖Video.js无法播放媒体源时显示的默认信息。
                 },
@@ -130,7 +130,7 @@
                         src: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2019/12/30/5e0973f0aa9be.mp4"
                     }],
                     hls: true, // 启用hls？
-                    poster: 'https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e095690ae715.png', // 你的封面地址
+                    poster: 'https://wjj.ys2.cnliveimg.com/769/shop/img/2020/01/04/5e1068d441b41.jpg', // 你的封面地址
                     width: document.documentElement.clientWidth || document.body.clientWidth,
                     notSupportedMessage: '此视频暂无法播放，请稍后再试' //  允许覆盖Video.js无法播放媒体源时显示的默认信息。
                 }