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

fix: 修复播放状态与控制状态不一致

See merge request yunteng/thingskit-front!1273

@@ -20,6 +20,9 @@
 
   const emits = defineEmits<{
     (eventName: 'ready', player: PresetPlayer): void;
+    (eventName: 'play', player: PresetPlayer): void;
+    (eventName: 'pause', player: PresetPlayer): void;
+    (eventName: 'ended', player: PresetPlayer): void;
     (eventName: 'onUnmounted', player: PresetPlayer): void;
   }>();
 
@@ -116,6 +119,18 @@
         onDecodeError();
       }
     });
+
+    player.on(Events.PAUSE, () => {
+      emits('pause', player);
+    });
+
+    player.on(Events.ENDED, () => {
+      emits('ended', player);
+    });
+
+    player.on(Events.PLAY, () => {
+      emits('play', player);
+    });
   }
 
   onMounted(() => {

@@ -15,6 +15,7 @@
   import { controlling } from '/@/api/camera/cameraManager';
   import { setVideoControl } from '/@/api/device/videoChannel';
   import XGPlayer from '/@/components/Video/src/XGPlayer.vue';
+  import PresetPlayer from 'xgplayer';
 
   const props = defineProps<{
     playUrl?: string;
@@ -80,6 +81,10 @@
     }
     handleControl(1, action);
   };
+
+  const handleVideoStatus = (flag: boolean) => {
+    isPlay.value = flag;
+  };
 </script>
 
 <template>
@@ -90,6 +95,9 @@
       :url="playUrl"
       auto-play
       :config="{ fluid: true }"
+      @play="handleVideoStatus(true)"
+      @pause="handleVideoStatus(false)"
+      @ended="handleVideoStatus(false)"
     />
 
     <div