hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-06 17:36: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() { toggleFullScreen() {
console.log("Toggling full screen esc 退出全屏") console.log("toggleFullScreen 执行 ",this.isFullScreen())
let element = this.$refs.area; let element = this.$refs.area;
if (!this.isFullScreen()) { if (!this.isFullScreen()) {
if (element.requestFullscreen) { if (element.requestFullscreen) {
@@ -618,11 +618,16 @@ export default {
* 监听全屏变化 * 监听全屏变化
*/ */
handleFullscreenChange() { handleFullscreenChange() {
this.isFullscreen = !!document.fullscreenElement; if(this.isFullscreen){
if (!this.isFullscreen) { this.isFullscreen = !!document.fullscreenElement;
// 退出全屏后的逻辑（如暂停视频、更新 UI 等） if (!this.isFullscreen) {
console.log('ESC 已退出全屏'); // 退出全屏后的逻辑（如暂停视频、更新 UI 等）
console.log('ESC 已退出全屏 handleFullscreenChange',this.isFullscreen);
this.toggleFullScreen();
}
} }
} }
}, },
watch: { watch: {