H5 video全屏與取消全屏兼容

H5 video全屏與取消全屏各瀏覽器兼容,  requestFullscreen()全屏方法,exitFullscreen()退出全屏方法。兼容各個瀏覽器與css3兼容同樣加個前綴便可。css

// 全屏
// ele:全屏的對象
function requestFullscreen(ele) {
    // 全屏兼容代碼
    if (ele.requestFullscreen) {
        ele.requestFullscreen();
    } else if (ele.webkitRequestFullscreen) {
        ele.webkitRequestFullscreen();
    } else if (ele.mozRequestFullScreen) {
        ele.mozRequestFullScreen();
    } else if (ele.msRequestFullscreen) {
        ele.msRequestFullscreen();
    }
}

// 取消全屏
function exitFullscreen() {
    if (document.exitFullscreen) {
        document.exitFullscreen();
    } else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
    } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    }
}
相關文章
相關標籤/搜索