js控制网页全屏，监听退出全屏动作

//控制全屏方法

function requestFullScreen(element) {
    var requestMethod = element.requestFullScreen || //W3C
        element.webkitRequestFullScreen || //Chrome等
        element.mozRequestFullScreen || //FireFox
        element.msRequestFullScreen; //IE11
    if (requestMethod) {
        console.log("全屏")
        requestMethod.call(element);
    }else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}

 

 

//监听退出全屏事件

window.onresize = function() {

    if (!checkFull()) {

        console.log("退出全屏")

    }

}

function checkFull() {

    var fullScreen = parent.document.webkitIsFullScreen || parent.document.fullscreen || parent.document.mozFullScreen || parent.document.msFullscreenElement;

    if (fullScreen === undefined) {fullScreen = false;}

    return fullScreen;

}

 

 界面引用

 requestFullScreen($("#videoModule")[0]);