Commit e9e3037ac1098e14ff5f9ce424fadef5ad5c847a

Authored by zhiyangdu
1 parent f1291523

样式优化

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 }
... ...