【前端】ios、安卓在微信video监听播放结束后，怎么退出全屏播放？

Z时代
2024-01-10
分类：技术分享

问题如题

如何监听视频全屏播放结束后，触发退出全屏事件？

在网上找了些案例

下面监听视频的进入全屏、退出全屏事件

//进入全屏
function FullScreen() {
var ele = document.documentElement;
if (ele .requestFullscreen) {
ele .requestFullscreen();
} else if (ele .mozRequestFullScreen) {
ele .mozRequestFullScreen();
} else if (ele .webkitRequestFullScreen) {
ele .webkitRequestFullScreen();
}
}
//退出全屏
exitFullscreen(elem) {
elem = elem || document;
if (elem.cancelFullScreen) {
elem.cancelFullScreen();
} else if (elem.mozCancelFullScreen) {
elem.mozCancelFullScreen();
} else if (elem.webkitCancelFullScreen) {
elem.webkitCancelFullScreen();
} else if (elem.webkitExitFullScreen) {
elem.webkitExitFullScreen()
}
}
// 播放结束时
$(video).on('ended',function(){
//退出全屏
exitFullscreen()
});
// 【进入全屏webkitbeginfullscreen】-【退出全屏webkitendfullscreen】
$(video).on('webkitbeginfullscreen', function() {
video.play();
}).on('webkitendfullscreen', function() {
video.pause();});