zl程序教程

您现在的位置是:首页 >  前端

当前栏目

HTML5实现全屏API【进入和退出全屏】(html5 requestFullScreen)

html5API 实现 进入 退出 全屏
2023-09-14 08:58:49 时间

HTML5实现全屏API【进入和退出全屏】

//进入全屏
function requestFullScreen() {
    var de = document.documentElement;
    if (de.requestFullscreen) {
        de.requestFullscreen();
    } else if (de.mozRequestFullScreen) {
        de.mozRequestFullScreen();
    } else if (de.webkitRequestFullScreen) {
        de.webkitRequestFullScreen();
    }
}
//退出全屏
function exitFullscreen() {
    var de = document;
    if (de.exitFullscreen) {
        de.exitFullscreen();
    } else if (de.mozCancelFullScreen) {
        de.mozCancelFullScreen();
    } else if (de.webkitCancelFullScreen) {
        de.webkitCancelFullScreen();
    }
}