From e139abdee5eaa5357bf3d432a5f256e7e5e01d4c Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 1 Dec 2021 10:45:17 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E9=A2=84=E8=A7=88=E4=BB=AA?=
 =?UTF-8?q?=E8=A1=A8=E6=9D=BF=E6=97=B6=E7=82=B9=E5=87=BB=E8=BF=87=E6=BB=A4?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=EF=BC=8C=E8=A7=86=E9=A2=91=E4=B8=8D=E7=94=A8?=
 =?UTF-8?q?=E5=88=B7=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/components/Editor/ComponentWrapper.vue        | 1 +
 .../src/components/canvas/custom-component/DeVideo.vue   | 9 +++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
index c2a434f94c..1908e14d82 100644
--- a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
+++ b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
@@ -26,6 +26,7 @@
       :element="config"
       :search-count="searchCount"
       :h="config.style.height"
+      :edit-mode="'preview'"
     />
   </div>
 </template>
diff --git a/frontend/src/components/canvas/custom-component/DeVideo.vue b/frontend/src/components/canvas/custom-component/DeVideo.vue
index 19dd595701..7e1b0aea74 100644
--- a/frontend/src/components/canvas/custom-component/DeVideo.vue
+++ b/frontend/src/components/canvas/custom-component/DeVideo.vue
@@ -4,7 +4,7 @@
       <video-player
         ref="videoPlayer"
         class="vjs-custom-skin"
-        :options="playerOptions"
+        :options="editMode==='preview'?pOption:playerOptions"
         :playsinline="true"
         @play="onPlayerPlay($event)"
         @pause="onPlayerPause($event)"
@@ -45,7 +45,7 @@ export default {
     editMode: {
       type: String,
       require: false,
-      default: 'preview'
+      default: 'edit'
     },
     active: {
       type: Boolean,
@@ -59,8 +59,13 @@ export default {
   },
   data() {
     return {
+      pOption: {}
     }
   },
+  created() {
+    this.pOption = this.element.videoLinks[this.element.videoLinks.videoType]
+    this.pOption.height = this.h - (this.curGap * 2)
+  },
   computed: {
     moveFlag() {
       return (this.element.optStatus.dragging || this.element.optStatus.resizing)