From c4ec70aebb91e8283242bc87314bb9fc88e8ec91 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Thu, 28 Apr 2022 10:42:01 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E9=81=BF=E5=85=8D=E4=BA=8B?=
 =?UTF-8?q?=E4=BB=B6=E5=86=B2=E7=AA=81=EF=BC=8C=E4=BB=AA=E8=A1=A8=E6=9D=BF?=
 =?UTF-8?q?=E5=85=A8=E5=B1=8F=E9=A2=84=E8=A7=88=E7=8A=B6=E6=80=81=E4=B8=8D?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=B5=81=E5=AA=92=E4=BD=93=E6=8E=A7=E5=88=B6?=
 =?UTF-8?q?=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/components/Editor/ComponentWrapper.vue    |  1 +
 .../canvas/custom-component/DeStreamMedia.vue        | 12 +++++++-----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
index 166baa82ac..37444c26ac 100644
--- a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
+++ b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
@@ -28,6 +28,7 @@
         :style="getComponentStyleDefault(config.style)"
         :prop-value="config.propValue"
         :is-edit="false"
+        :in-screen="inScreen"
         :active="componentActiveFlag"
         :element="config"
         :search-count="searchCount"
diff --git a/frontend/src/components/canvas/custom-component/DeStreamMedia.vue b/frontend/src/components/canvas/custom-component/DeStreamMedia.vue
index f541f7b468..d6242c99f7 100644
--- a/frontend/src/components/canvas/custom-component/DeStreamMedia.vue
+++ b/frontend/src/components/canvas/custom-component/DeStreamMedia.vue
@@ -1,9 +1,9 @@
 <template>
   <el-row ref="mainPlayer" style="width: 100%;height: 100%">
     <div v-if="element.streamMediaLinks[element.streamMediaLinks.videoType].url" class="video-container">
-      <video :ref="'player-'+element.id" class="centered-video" name="centeredVideo" :loop="pOption.loop" controls muted />
+      <video :ref="'player-'+element.id" class="centered-video" name="centeredVideo" :loop="pOption.loop" :controls="inScreen" muted />
       <div v-if="editMode==='edit'" class="stream-mask edit-mask" />
-      <div v-if="mobileLayoutStatus" class="stream-mask mobile-layout-mask">
+      <div v-if="mobileLayoutStatus" class="stream-mask">
         <span style="opacity: 0.7;">
           <span style="color: lightgray;">{{ $t('panel.stream_mobile_tips') }}</span>
         </span>
@@ -43,6 +43,11 @@ export default {
     h: {
       type: Number,
       default: 200
+    },
+    inScreen: {
+      type: Boolean,
+      required: false,
+      default: true
     }
   },
   data() {
@@ -176,8 +181,5 @@ export default {
     opacity: 0;
   }
 
-  .mobile-layout-mask{
-  }
-
 </style>