From 15d188886a68eaf603b7510cc5cbc856fb07b9f4 Mon Sep 17 00:00:00 2001
From: luyuan <1162963624@qq.com>
Date: Thu, 26 Nov 2020 15:24:25 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/LivePlay.vue | 35 +++++++++++++++++++++++------------
 1 file changed, 23 insertions(+), 12 deletions(-)

diff --git a/src/components/LivePlay.vue b/src/components/LivePlay.vue
index 86e3703..db23b1d 100644
--- a/src/components/LivePlay.vue
+++ b/src/components/LivePlay.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="video">
-    <video :id=" 'a' + time" style="width:100%;height:100%"></video>
+    <video v-if="isvideo" :id=" 'a' + time" style="width:100%;height:100%"></video>
+    <img v-else :src="info.img" style="width:100%;height:100%" alt="">
     <div class="liveinfo">
           <div class="left">
               <div>
@@ -90,7 +91,7 @@
 import { livestart } from '@/api';
 import router from '@/router';
 import { useI18n } from '@/utils/i18n';
-import { defineComponent, onUpdated, ref } from "vue";
+import { defineComponent, onUpdated, ref, watch } from "vue";
 import { onBeforeRouteLeave } from 'vue-router';
 
 export default defineComponent({
@@ -116,19 +117,28 @@ export default defineComponent({
     }
     const time = ref(new Date().getTime())
     let play: any;
-    onUpdated(()=>{
-        // console.log(props.url)
-        if(props.info){
-          play = window.TCPlayer('a' + time.value, { 
-              fileID: (props.info.livestatus == 0 ? props.info.fileid : props.info.vodid),
-              appID: '1303872925' 
-          });
+    const isvideo = ref(true);
+    
+    watch(()=> props.info,()=>{
+      if(props.info){
+        console.log(props.info)
+
+          if(props.info.fileid != '0' || props.info.vodid != ''){
+            play = window.TCPlayer('a' + time.value, { 
+                fileID: (props.info.livestatus == 0 ? props.info.fileid : props.info.vodid),
+                appID: '1303872925' 
+            });
+          }else{
+            isvideo.value = false;
+          }
+          
         }
-       
     })
     onBeforeRouteLeave((to, from, next) => {
       console.log(121)
-      play.dispose()
+      if(play){
+        play.dispose()
+      }
         next()
     })
     // const liveinfo = ref(props.liveinfo)
@@ -136,7 +146,8 @@ export default defineComponent({
       bianji,
       kaishi,
       lan,
-      time
+      time,
+      isvideo
     }
   }
 });