From ca4a4653128927c3ca91a934aee98f9cc396965f Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Fri, 13 May 2022 18:02:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=8D=8E=E5=A4=A7=E5=B1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 project/dvui/components/AiMonitor/dhVideo.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/project/dvui/components/AiMonitor/dhVideo.vue b/project/dvui/components/AiMonitor/dhVideo.vue
index 2e3aa6ed..a182e0fe 100644
--- a/project/dvui/components/AiMonitor/dhVideo.vue
+++ b/project/dvui/components/AiMonitor/dhVideo.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="dh-video">
+  <div class="dh-video" style="height: 100%;">
     <video :id="id" autoplay class="video-js vjs-default-skin" style="width: 100%; height: 100%;" controls>
       <source :src="src">
     </video>
@@ -16,7 +16,8 @@
 
     data () {
       return {
-        id: `video-${Math.ceil(Math.random() * 10000)}`
+        isInit: false,
+        id: `video-${Math.ceil(Math.random() * 1000000)}`
       }
     },
 
@@ -31,6 +32,7 @@
             })
           }
         },
+        immediate: true,
         deep: true
       }
     },
@@ -40,7 +42,10 @@
         this.$nextTick(() => {
            videojs(this.id, {
             autoplay: true
-          }, function () { console.log('videojs播放器初始化成功') })
+          }, function () {
+            this.isInit = true
+            console.log('videojs播放器初始化成功')
+          })
         })
       }
     }