From 5448a9724de6ef35a6b2a9050173b7ebce0e33aa Mon Sep 17 00:00:00 2001 From: gengxin Date: Tue, 11 Mar 2025 10:24: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=B02?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/VideoPlayer/index.vue | 35 ++++++++++++++-------------- 1 file changed, 18 insertions(+), 17 deletions(-) diff --git a/src/components/VideoPlayer/index.vue b/src/components/VideoPlayer/index.vue index 7d7f2bd6..3e289c00 100644 --- a/src/components/VideoPlayer/index.vue +++ b/src/components/VideoPlayer/index.vue @@ -18,7 +18,7 @@ @keydown.right.prevent="forwardCurrentTime" @keydown.up.prevent="increaseVolume" @keydown.down.prevent="lowerVolume" - @keydown.esc.prevent="toggleFullScreen" + @keydown.27.prevent="toggleFullScreen" tabindex="0" width="100%" height="100%" @@ -384,25 +384,26 @@ export default { this.videoDom.addEventListener('error', function(){ console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********') }) - - this.videoDom.addEventListener('keydown', function(e){ - //console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********') - console.log("video is exit"); - if(e.key === "Escape"){ - console.log("按键 退出全屏 执行") - } - }) // 监听全屏事件的变化,保存数据 - window.addEventListener("fullscreenchange", () => { + window.addEventListener("F", () => { this.isFullscreen = this.isFullScreen(); }); - this.videoDom.addEventListener("keydown", (e) => { - console.log("是否监听到"); - if(e.keyCode == 27){ - console.log("是否监听到 esc"); - this.toggleFullScreen(); - } - }); + + // this.videoDom.addEventListener('keydown', function(e){ + // //console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********') + // console.log("video is exit"); + // if(e.key === "Escape"){ + // console.log("按键 退出全屏 执行") + // } + // }) + + // this.videoDom.addEventListener("keydown", (e) => { + // console.log("是否监听到"); + // if(e.keyCode == 27){ + // console.log("是否监听到 esc"); + // this.toggleFullScreen(); + // } + // }); }, methods: { //当视频由于需要缓冲下一帧而停止,解决一直计时的问题