关于自定义video组件

---

全屏播放

//此方法不可以在異步任務中執行，否則火狐無法全屏
if(element.requestFullscreen) {
element.requestFullscreen();
}else if(element.mozRequestFullScreen) {
element.mozRequestFullScreen();
}else if(element.msRequestFullscreen){ 
element.msRequestFullscreen();
}else if(element.oRequestFullscreen){
element.oRequestFullscreen();
}else if(element.webkitRequestFullscreen){
element.webkitRequestFullScreen();
}else{}

全屏隐藏默认控制条

/*隐藏在全屏下的控制条*/
video::-webkit-media-controls-enclosure {
    /*禁用播放器控制栏的样式*/
    display: none !important;
}

如果浏览器对此样式不兼容
可以在执行全屏函数之后，将自定义控制条的图层调高，使其覆盖默认控制条