Bladeren bron

feat: 添加视频播放事件处理,支持播放、暂停和结束状态的外部控制

xieyong 1 week geleden
bovenliggende
commit
45107fd4d8
1 gewijzigde bestanden met toevoegingen van 11 en 0 verwijderingen
  1. 11 0
      src/components/FilePreview/index.vue

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

@@ -58,6 +58,9 @@
             :src="currentFile.url"
             controls
             preload="metadata"
+            @play="handleVideoPlay"
+            @pause="handleVideoPause"
+            @ended="handleVideoPause"
           ></video>
 
           <!-- 图片:支持点击放大 -->
@@ -254,6 +257,14 @@
           video.pause();
         }
       },
+      // 视频开始播放
+      handleVideoPlay() {
+        this.$emit('play');
+      },
+      // 视频暂停或播放结束
+      handleVideoPause() {
+        this.$emit('pause');
+      },
       // pdf / 文本按 blob 渲染:带 token 鉴权,且浏览器不会直接下载
       async loadBlob(file) {
         this.blobUrl = '';