From e9b9a14b69ae75aa75cf9429ca508be4aba3a47e Mon Sep 17 00:00:00 2001 From: gengxin Date: Tue, 11 Mar 2025 11:04:53 +0800 Subject: [PATCH] =?UTF-8?q?=E9=80=80=E5=87=BA=E5=85=A8=E5=B1=8F=20?= =?UTF-8?q?=EF=BC=8C=E9=9C=80=E8=A6=81=E6=B0=B4=E5=8D=B06?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/VideoPlayer/index.vue | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/src/components/VideoPlayer/index.vue b/src/components/VideoPlayer/index.vue index 965fa993..f7b9a8df 100644 --- a/src/components/VideoPlayer/index.vue +++ b/src/components/VideoPlayer/index.vue @@ -557,7 +557,7 @@ export default { /* 切换“全屏”和“非全屏”模式 */ toggleFullScreen() { - console.log("Toggling full screen esc 退出全屏") + console.log("toggleFullScreen 执行 ",this.isFullScreen()) let element = this.$refs.area; if (!this.isFullScreen()) { if (element.requestFullscreen) { @@ -618,11 +618,16 @@ export default { * 监听全屏变化 */ handleFullscreenChange() { - this.isFullscreen = !!document.fullscreenElement; - if (!this.isFullscreen) { - // 退出全屏后的逻辑(如暂停视频、更新 UI 等) - console.log('ESC 已退出全屏'); + if(this.isFullscreen){ + this.isFullscreen = !!document.fullscreenElement; + if (!this.isFullscreen) { + // 退出全屏后的逻辑(如暂停视频、更新 UI 等) + console.log('ESC 已退出全屏 handleFullscreenChange',this.isFullscreen); + this.toggleFullScreen(); + } } + + } }, watch: {