首页 > 解决方案 > 如何使用 javascript 在 safari 中开始全屏显示?

问题描述

我正在使用此代码来启动和停止全屏:

function fullscreen() {
    full = document.getElementById("full");
    if (!document.fullscreenElement && !document.mozFullScreen && !document.webkitIsFullScreen && !document.msFullscreenElement) {
        elem = document.getElementById("body");
        if (elem.requestFullscreen) {
            elem.requestFullscreen();
        } else if (elem.mozRequestFullScreen) {
            elem.mozRequestFullScreen();
        } else if (elem.webkitRequestFullscreen) {
            elem.webkitRequestFullscreen();
        } else if (elem.msRequestFullscreen) {
            elem.msRequestFullscreen();
        }
    } else {
        if (document.exitFullscreen) {
            document.exitFullscreen();
        } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        } else if (document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
        } else if (document.msExitFullscreen) {
            document.msExitFullscreen();
        }
    }
}

它适用于除 Safari 以外的所有浏览器。我读到那elem.webkitRequestFullscreen();是为 Safari 准备的。那么如何让我在 Safari 中工作呢?整个网站:jnnx.de/sia.html

标签: javascripthtmlfullscreen

解决方案


iOS 版 Safari 不支持全屏显示。感谢@GenericUser


推荐阅读