HTML5 video进入全屏和退出全屏的实现方法

当我们使用video标签的时候,有时候因为更多的需要,我们要自己自定义控制栏,而进入和退出全屏也是其中的一部分

不同的浏览器有不同的实现方法

// Webkit
delement.webkitRequestFullScreen();//进入全屏
document.webkitCancelFullScreen();//退出全屏
 
// Firefox
delement.mozRequestFullScreen();
document.mozCancelFullScreen();
  
// W3C 
delement.requestFullscreen();
document.exitFullscreen();
//进入全屏
function FullScreen() {
    var ele = document.documentElement;
    if (ele.requestFullscreen) {
        ele.requestFullscreen();
    } else if (ele.mozRequestFullScreen) {
        ele.mozRequestFullScreen();
    } else if (ele.webkitRequestFullScreen) {
        ele.webkitRequestFullScreen();
    }
}
//退出全屏
function exitFullscreen() {
    var de = document;
    if (de.exitFullscreen) {
        de.exitFullscreen();
    } else if (de.mozCancelFullScreen) {
        de.mozCancelFullScreen();
    } else if (de.webkitCancelFullScreen) {
        de.webkitCancelFullScreen();
    }
}

 

上一篇:几何原本研究


下一篇:【路径规划】基于改进差分算法实现三维多无人机协同航迹规划