Commit b8909ea9a64dce9bc89bf815d01780c32da5f13a
1 parent
a11bf9fb
init
Showing
3 changed files
with
26 additions
and
25 deletions
src/App.vue
| ... | ... | @@ -24,21 +24,4 @@ |
| 24 | 24 | background-color: transparent !important; |
| 25 | 25 | } |
| 26 | 26 | } |
| 27 | - /*设置不同的视频封面*/ | |
| 28 | - .video1_poster{ | |
| 29 | - .vjs-poster{ | |
| 30 | - width: 100%; | |
| 31 | - height:401px; | |
| 32 | - background-image: url("../static/img/index/video1.png") !important; | |
| 33 | - background-size: 100%; | |
| 34 | - } | |
| 35 | - } | |
| 36 | - .video2_poster{ | |
| 37 | - .vjs-poster{ | |
| 38 | - width: 100%; | |
| 39 | - height:401px; | |
| 40 | - background-image: url("../static/img/index/video2.png") !important; | |
| 41 | - background-size: 100%; | |
| 42 | - } | |
| 43 | - } | |
| 44 | 27 | </style> | ... | ... |
src/pages/index/index.less
| ... | ... | @@ -138,4 +138,22 @@ |
| 138 | 138 | margin-top: 0; |
| 139 | 139 | } |
| 140 | 140 | } |
| 141 | + /*设置不同的视频封面*/ | |
| 142 | + .video1_poster{ | |
| 143 | + .vjs-poster{ | |
| 144 | + width: 100%; | |
| 145 | + height:401px; | |
| 146 | + background-image: url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e0956907e4d7.png") !important; | |
| 147 | + background-size: 100%; | |
| 148 | + } | |
| 149 | + } | |
| 150 | + .video2_poster{ | |
| 151 | + .vjs-poster{ | |
| 152 | + width: 100%; | |
| 153 | + height:401px; | |
| 154 | + background-image: url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e095690ae715.png") !important; | |
| 155 | + background-size: 100%; | |
| 156 | + } | |
| 157 | + } | |
| 158 | + | |
| 141 | 159 | } | ... | ... |
src/pages/index/index.vue
| ... | ... | @@ -121,19 +121,19 @@ |
| 121 | 121 | * @param {object} $event [播放器对象] |
| 122 | 122 | */ |
| 123 | 123 | onPlayerPlay($event) { |
| 124 | - if(this.isiPhone.value && window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.CNDSPlayer) { | |
| 125 | - window.webkit.messageHandlers.CNDSPlayer.postMessage({body: { | |
| 126 | - playUrl:"https://v.youku.com/v_show/id_XNDQyOTAxNjE2MA==.html?s=e438e14b3fa94613a1bb&scm=20140719.manual.15319.show_e438e14b3fa94613a1bb", | |
| 127 | -// playUrl: this.playerOptions.sources[0].src, // 视频URL | |
| 128 | - isLive: 0 // 0录播1直播 | |
| 129 | - }}); | |
| 130 | - } | |
| 124 | +// if(this.isiPhone.value && window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.CNDSPlayer) { | |
| 125 | +// window.webkit.messageHandlers.CNDSPlayer.postMessage({body: { | |
| 126 | +// playUrl:"https://v.youku.com/v_show/id_XNDQyOTAxNjE2MA==.html?s=e438e14b3fa94613a1bb&scm=20140719.manual.15319.show_e438e14b3fa94613a1bb", | |
| 127 | +//// playUrl: this.playerOptions.sources[0].src, // 视频URL | |
| 128 | +// isLive: 0 // 0录播1直播 | |
| 129 | +// }}); | |
| 130 | +// } | |
| 131 | 131 | }, |
| 132 | 132 | } |
| 133 | 133 | } |
| 134 | 134 | </script> |
| 135 | 135 | |
| 136 | 136 | <!-- Add "scoped" attribute to limit CSS to this component only --> |
| 137 | -<style rel="stylesheet/less" lang="less" scoped> | |
| 137 | +<style rel="stylesheet/less" lang="less"> | |
| 138 | 138 | @import "index"; |
| 139 | 139 | </style> | ... | ... |