1全屏监听
document.addEventListener("webkitfullscreenchange", function (event,state) {
that.video.isFullscreen = !that.video.isFullscreen;//在外部设置一个全局变量初始值赋值为false
if(that.video.isFullscreen){//切换到全屏
mui.toast("全屏");
}else{//退出全屏
mui.toast("退出全屏");
}
});
2安卓端点击屏幕不显示操作栏问题
解决思路video标签自定义的操作栏由于显示有问题,我们可以在video上部覆盖一层div(此div不应该遮挡操作按钮),
当点击div时设置video的controls为true,以下为实例代码:
//点击播放屏幕显示播放器操作栏
document.querySelector('.floatdiv').addEventListener('tap',function(){
if(that.video.timeoutShowcontrol){//此处是一个全局计时器
clearTimeout(that.video.timeoutShowcontrol);
}
document.getElementById('videoPlayer').controls = true;
that.video.timeoutShowcontrol = setTimeout(function(){
document.getElementById('videoPlayer').controls = false;
},3000);
});