// 监听ios退出全屏之后 维持播放状态
var _exitfullscreen = true;
var timer;
var pauseTimestamp;
var exitTimeStamp;
// 监听进入全屏
video.addEventListener('webkitbeginfullscreen', function() {
_exitfullscreen = false;
});
// 监听退出全屏
video.addEventListener("webkitendfullscreen", function(){
exitTimeStamp = new Date().getTime();
// ios退出全屏之前 如果之前是播放状态,先触发paused状态(可以监听到)
// 如果是暂停状态,不会触发pause了。
// 这个状态一直维持4毫秒左右 要等到5毫秒之后再执行play
if(!_exitfullscreen){
// 通过退出时间 跟 触发 退出时间 差
if(exitTimeStamp - pauseTimestamp <= 100){
if(timer) clearTimeout(timer);
timer = setTimeout(()=>{
// 播放视频
that.play();
_exitfullscreen = true;
},500);
}
}
});
// 监听ios退出画中画之后 维持播放状态
video.addEventListener('leavepictureinpicture', function() {
// 已退出画中画模式
// 播放视频
that.play();
});
ios端video.js退出全屏和画中画之后 维持播放状态
最新推荐文章于 2024-05-15 10:54:10 发布