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

退出全屏 ，需要水印6

Browse Source
This commit is contained in:
gengxin
2025-03-11 11:04:53 +08:00
parent 11a1065df9
commit e9b9a14b69
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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: {