视频播放

zhiyangdu
1 parent 7782de8d
Showing 1 changed file with 13 additions and 15 deletions
src/pages/index/index.vue
@@ -6,14 +6,14 @@
             <div class="item">
                 <div @click="link(1)">
                 </div>
-                <div  @click="link(2)">
+                <div @click="link(2)">
  
                 </div>
             </div>
             <!--视频-->
             <div class="video1_poster">
                 <div class="video_box">
-                    <video-player class="video-player vjs-custom-skin" @play="onPlayerPlay($event)"
+                    <video-player class="video-player vjs-custom-skin" @play="onPlayerPlay(1)"
                                   ref="videoPlayer"
                                   :playsinline="playsinline"
                                   :options="playerOptions"
@@ -41,7 +41,7 @@
             <!--视频-->
             <div class="div12 video2_poster">
                 <div class="video_box">
-                    <video-player class="video-player vjs-custom-skin" @play="onPlayerPlay($event)"
+                    <video-player class="video-player vjs-custom-skin" @play="onPlayerPlay(2)"
                                   ref="videoPlayer"
                                   :playsinline="playsinline"
                                   :options="playerOptions"
@@ -67,7 +67,7 @@
 </template>
  
 <script>
-    import { videoPlayer } from 'vue-video-player';
+    import {videoPlayer} from 'vue-video-player';
     import 'video.js/dist/video-js.css';
     import '../../../static/css/video.css';
     export default {
@@ -101,7 +101,7 @@
                 }
             }
         },
-        components:{
+        components: {
             videoPlayer
         },
         created(){
@@ -110,9 +110,9 @@
         methods: {
             link(index){
                 debugger
-                if(index==1){
+                if (index == 1) {
                     window.location.href = this.getParams(this.mode).shop.apiAddress + "/html/mall/1/#/pages/main/cultureDetail/cultureDetail?id=9621652"
-                }else{
+                } else {
                     window.location.href = this.getParams(this.mode).shop.apiAddress + "/html/mall/1/#/pages/main/cultureDetail/cultureDetail?id=9620396"
                 }
  
@@ -121,14 +121,12 @@
              * 视频播放
              * @param {object} $event [播放器对象]
              */
-            onPlayerPlay($event) {
-//                if(this.isiPhone.value && window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.CNDSPlayer) {
-//                    window.webkit.messageHandlers.CNDSPlayer.postMessage({body: {
-//                        playUrl:"https://v.youku.com/v_show/id_XNDQyOTAxNjE2MA==.html?s=e438e14b3fa94613a1bb&scm=20140719.manual.15319.show_e438e14b3fa94613a1bb",
-////                        playUrl: this.playerOptions.sources[0].src, // 视频URL
-//                        isLive: 0 // 0录播1直播
-//                    }});
-//                }
+            onPlayerPlay(event) {
+                if (event == 1) {
+                    this.playerOptions.sources[0].src= "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2019/12/30/5e09739a07d18.mp4"
+                } else {
+                    this.playerOptions.sources[0].src= "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2019/12/30/5e0973f0aa9be.mp4"
+                }
             },
         }
     }