html video标签全屏和安卓端点击屏幕不显示操作栏问题

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);
            });