Procházet zdrojové kódy

feat: 添加视频播放暂停功能,支持外部控制视频播放状态

xieyong před 1 týdnem
rodič
revize
38a912e129
1 změnil soubory, kde provedl 8 přidání a 0 odebrání
  1. 8 0
      src/components/FilePreview/index.vue

+ 8 - 0
src/components/FilePreview/index.vue

@@ -53,6 +53,7 @@
           <!-- 视频:原生播放器,铺满预览区 -->
           <video
             v-if="currentFile.category === 'video'"
+            ref="videoRef"
             class="fp-video"
             :src="currentFile.url"
             controls
@@ -246,6 +247,13 @@
         this.currentIndex = index;
         this.loadBlob(this.currentFile);
       },
+      // 暂停当前播放的视频(供外部在页面不可见时调用)
+      pauseVideo() {
+        const video = this.$refs.videoRef;
+        if (video && !video.paused) {
+          video.pause();
+        }
+      },
       // pdf / 文本按 blob 渲染:带 token 鉴权,且浏览器不会直接下载
       async loadBlob(file) {
         this.blobUrl = '';