html全屏切换按钮代码

    全屏    退出全屏#fullscreen-btn-container {
        width: 100%;
        position: fixed;
        bottom: 0;
        text-align: center;
}
#fullscreen-btn, #exit-fullscreen-btn {
        display: inline-block;
        border: none;
        font-size: 16px;
        padding: 10px 20px;
        margin: 10px;
        background-color: #333;
        color: #fff;
        cursor: pointer;
}
// 切换全屏与退出全屏function toggleFullScreen() {
        var doc = window.document;
        var docEl = doc.documentElement;
            var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
        var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
            if (!doc.fullscreenElement &
    &
     !doc.mozFullScreenElement &
    &
     !doc.webkitFullscreenElement &
    &
 !doc.msFullscreenElement ) {
            requestFullScreen.call(docEl);
    }
    else {
            cancelFullScreen.call(doc);
    }
}
// 退出全屏function exitFullscreen() {
        var doc = window.document;
        var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;
            cancelFullScreen.call(doc);
}
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！