Merge pull request #2209 from dataease/pr@dev@refactor-stream-media

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"

frontend/src/components/canvas/custom-component/DeStreamMedia.vue

 <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>