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

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

Browse Source
This commit is contained in:
huangzhe
2025-08-27 11:21:15 +08:00
parent f4e6ac7f2e
commit 9b813b399f
2 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/video-player/video-player.vue
View File

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

12
pages/study/courseStudy.vue
View File

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