fix: 修复视频播放状态栏异常的问题

This commit is contained in:
2025-08-27 11:21:15 +08:00
parent f4e6ac7f2e
commit 9b813b399f
2 changed files with 14 additions and 11 deletions

View File

@@ -66,7 +66,7 @@
</view>
</view>
<view class="controller-screen">
<image :src="require(fullScreenFlag? './images/back.png':'./images/full.png')" @click.stop='fullScreen'/>
<image :src="require(fullScreenFlag? './images/back.png':'./images/full.png')" @click='fullScreen'/>
</view>
<!-- <view v-if="fullScreenFlag" @click.stop='horizontalScreen' class="controller-screen">
<text>{{horizontalScreenFlag? '竖屏':'横屏'}}</text>
@@ -279,11 +279,11 @@
// this.horizontalScreenFlag = true
this.videoFullHeight=190
if(document && document.exitFullscreen){
document.body.scrollTop = 0; // 对Safari
document.documentElement.scrollTop = 0; // 对Chrome, Firefox, IE 和 Opera
document.exitFullscreen();
}
// if(document && document.exitFullscreen){
// document.body.scrollTop = 0; // 对Safari
// document.documentElement.scrollTop = 0; // 对Chrome, Firefox, IE 和 Opera
// document.exitFullscreen();
// }
}else{
//this.videoContext.requestFullScreen();
@@ -300,6 +300,7 @@
}
});
}
this.$listeners['fullscreenchange'](this.fullScreenFlag)
},
// // 全屏模式下,横屏+竖屏
// horizontalScreen(){

View File

@@ -1,7 +1,7 @@
<template>
<!--新的课程学习页面没有中间的详细页面了课程点过来就是这个用户未报名就直接报名-->
<view>
<page-title :showBack="true" :sticky="true" @go="goBack">视频详情</page-title>
<page-title :showBack="true" :sticky="true" v-if="showNavbar" @go="goBack">视频详情</page-title>
<watermark></watermark>
<u-toast ref="messager"></u-toast>
<!-- <page-title :showBack="true"></page-title> -->
@@ -498,7 +498,8 @@
scormUrl:'',
maxDuration:0, //非音频最大时长
cumulativeDuration:0, //非音频累计时长
defaultMaxTime:1800 //非音频默认最大时间
defaultMaxTime:1800, //非音频默认最大时间
showNavbar: true
}
},
computed: {
@@ -1565,9 +1566,10 @@
});
}
},
onFullScreen(e){
//console.log(e,'e');
onFullScreen(screen){
console.log("video screen status", screen)
// debugger
this.showNavbar = !screen
},
onPlayerPause(){