Merge branch 'fix/DEFECT-1969' into 'main_dev'

fix: 隐藏视频组件无视频流时界面提示

See merge request yunteng/thingskit-front!1277

@@ -94,8 +94,9 @@
 
 
   function onDecodeError() {
   function onDecodeError() {
     console.warn('player happend decode error');
     console.warn('player happend decode error');
-    playerRef.value?.destroy?.();
-    initializePlayer();
+    // playerRef.value?.destroy?.();
+    // initializePlayer();
+    playerRef.value?.switchURL(props.url!);
   }
   }
 
 
   function initializePlayer() {
   function initializePlayer() {
@@ -114,11 +115,31 @@
       emits('ready', player);
       emits('ready', player);
     });
     });
 
 
-    player.on(Events.ERROR, (error: IError) => {
-      // https://h5player.bytedance.com/api/error.html#type
-      if (error.errorCode === 5103) {
-        onDecodeError();
-      }
+    player.setEventsMiddleware({
+      error: (event, callback) => {
+        const code = (
+          event as unknown as {
+            error: MediaError;
+          }
+        ).error.code;
+        if (code === MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED) {
+          if (!props.url) {
+            return;
+          }
+          callback();
+          return;
+        }
+
+        if (code === MediaError.MEDIA_ERR_DECODE) {
+          // 视频流可以播放 中途解码失败重载
+          if (playerRef.value?.isPlaying) {
+            onDecodeError();
+          }
+          return;
+        }
+
+        callback();
+      },
     });
     });
 
 
     player.on(Events.PAUSE, () => {
     player.on(Events.PAUSE, () => {

@@ -293,9 +293,9 @@
     height: 100%;
     height: 100%;
   }
   }
 
 
-  .split-screen-mode:deep(.ant-spin-container) {
-    height: 100% !important;
-  }
+  // .split-screen-mode:deep(.ant-spin-container) {
+  //height: 100% !important;
+  // }
 
 
   .video-container {
   .video-container {
     .video-container-mask {
     .video-container-mask {