perf(external/Composes): 修复摄像头页面刷新不自动播放问题

 <template>
 <template>
   <div class="go-content-box" :style="{ width: w + 'px', height: h + 'px' }">
   <div class="go-content-box" :style="{ width: w + 'px', height: h + 'px' }">
-    <video id="my-player" ref="videoRef" class="video-js my-video vjs-theme-city vjs-big-play-centered">
+    <video  id="my-player" ref="videoRef" class="video-js my-video vjs-theme-city vjs-big-play-centered">
       <source :src="dataset" />
       <source :src="dataset" />
     </video>
     </video>
   </div>
   </div>
@@ -37,6 +37,7 @@ const options: VideoJsPlayerOptions = {
   autoplay: true, // 是否自动播放
   autoplay: true, // 是否自动播放
   fluid: false, // 自适应宽高
   fluid: false, // 自适应宽高
   src: dataset?.value, // 要嵌入的视频源的源 URL
   src: dataset?.value, // 要嵌入的视频源的源 URL
+  muted:true,
   userActions: {
   userActions: {
     hotkeys: true
     hotkeys: true
   }
   }
@@ -64,6 +65,9 @@ watch(
     props.chartConfig.option.dataset = newData
     props.chartConfig.option.dataset = newData
     videoPlayer?.src(newData)
     videoPlayer?.src(newData)
     videoPlayer?.play()
     videoPlayer?.play()
+  },
+  {
+    immediate: true
   }
   }
 )
 )
 </script>
 </script>