hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-09 02:46:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

退出全屏 ，需要水印3

Browse Source
This commit is contained in:
gengxin
2025-03-11 10:41:44 +08:00
parent 5448a9724d
commit 7fed1a3991
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/VideoPlayer/index.vue
View File

@@ -388,7 +388,7 @@ export default {
window.addEventListener("F", () => { window.addEventListener("F", () => {
this.isFullscreen = this.isFullScreen(); this.isFullscreen = this.isFullScreen();
}); });
document.addEventListener('fullscreenchange', handleFullscreenChange);
// this.videoDom.addEventListener('keydown', function(e){ // this.videoDom.addEventListener('keydown', function(e){
// //console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********') // //console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********')
// console.log("video is exit"); // console.log("video is exit");
@@ -613,6 +613,16 @@ export default {
const currentTime = this.$refs.video.currentTime; const currentTime = this.$refs.video.currentTime;
this.$emit('onTimeUpdate', currentTime); this.$emit('onTimeUpdate', currentTime);
}, },
/**
* 监听全屏变化
*/
handleFullscreenChange() {
this.isFullscreen = !!document.fullscreenElement;
if (!this.isFullscreen) {
// 退出全屏后的逻辑（如暂停视频、更新 UI 等）
console.log('ESC 已退出全屏');
}
}
}, },
watch: { watch: {
currentVolume: function () { currentVolume: function () {