Commit e9e3037ac1098e14ff5f9ce424fadef5ad5c847a
1 parent
f1291523
样式优化
Showing
2 changed files
with
8 additions
and
2 deletions
src/App.vue
| ... | ... | @@ -22,9 +22,15 @@ |
| 22 | 22 | background-color: transparent !important; |
| 23 | 23 | .vjs-poster{ |
| 24 | 24 | background-color: transparent !important; |
| 25 | + border: solid 1px #ffcd6d; | |
| 26 | + border-radius: 16px; | |
| 25 | 27 | } |
| 26 | 28 | } |
| 27 | 29 | .video-js .vjs-progress-control .vjs-progress-holder{ |
| 28 | 30 | outline: none; |
| 31 | + /*background-color:transparent;*/ | |
| 29 | 32 | } |
| 33 | + /*.video-js .vjs-slider{*/ | |
| 34 | + /*background-color: #73859f;*/ | |
| 35 | + /*}*/ | |
| 30 | 36 | </style> | ... | ... |
src/pages/index/index.vue
| ... | ... | @@ -106,7 +106,7 @@ |
| 106 | 106 | src: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2019/12/30/5e09739a07d18.mp4" |
| 107 | 107 | }], |
| 108 | 108 | hls: true, // 启用hls? |
| 109 | - poster: './static/img/index/video1.png', // 你的封面地址 | |
| 109 | + poster: 'https://wjj.ys2.cnliveimg.com/769/shop/img/2020/01/04/5e1068d39b183.jpg', // 你的封面地址 | |
| 110 | 110 | width: document.documentElement.clientWidth || document.body.clientWidth, |
| 111 | 111 | notSupportedMessage: '此视频暂无法播放,请稍后再试' // 允许覆盖Video.js无法播放媒体源时显示的默认信息。 |
| 112 | 112 | }, |
| ... | ... | @@ -130,7 +130,7 @@ |
| 130 | 130 | src: "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2019/12/30/5e0973f0aa9be.mp4" |
| 131 | 131 | }], |
| 132 | 132 | hls: true, // 启用hls? |
| 133 | - poster: 'https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e095690ae715.png', // 你的封面地址 | |
| 133 | + poster: 'https://wjj.ys2.cnliveimg.com/769/shop/img/2020/01/04/5e1068d441b41.jpg', // 你的封面地址 | |
| 134 | 134 | width: document.documentElement.clientWidth || document.body.clientWidth, |
| 135 | 135 | notSupportedMessage: '此视频暂无法播放,请稍后再试' // 允许覆盖Video.js无法播放媒体源时显示的默认信息。 |
| 136 | 136 | } | ... | ... |