H5实现页面全屏显示脚本

1、页面开启全屏

function openFullScreen() {
    var doc = document.documentElement;
    if (doc.requestFullscreen) {
        doc.requestFullscreen();
    } else if (doc.msRequestFullscreen) {
        doc.msRequestFullscreen(); //早期IE浏览器
    } else if (doc.webkitRequestFullScreen) {
        doc.webkitRequestFullScreen(); //早期Chrome浏览器
    } else if (doc.mozRequestFullScreen) {
        doc.mozRequestFullScreen();  //早期火狐浏览器
    }
}

2、页面退出全屏

function exitFullScreen() {
    var doc = document;
    if(doc.exitFullscreen) {
        doc.exitFullscreen();
    } else if(doc.msExitFullscreen) {
        doc.msExitFullscreen(); //早期IE浏览器
    } else if(doc.webkitExitFullscreen) {
        doc.webkitExitFullscreen(); //早期Chrome浏览器
    } else if(doc.mozCancelFullScreen) {
        doc.mozCancelFullScreen(); //早期火狐浏览器
    }
}

3、判断页面全屏状态

function isFullScreen(){
    return !!(document.fullscreenElement || document.msFullScreenElement || document.webkitFullScreenElement || document.mozFullScreenElement);
}


评论: 0 | 引用: 0 | 查看次数: 1152
发表评论
登录后再发表评论!