javascript 如何在iPhone的Safari浏览器上启用全屏选项?

hivapdat  于 2023-05-21  发布在  Java
关注(0)|答案(1)|浏览(324)

下面的代码,全屏选项不工作Safari浏览器在iPhone上,但它工作正常的Mac,iPad和Windows笔记本电脑和Android移动的.如何解决此问题?

var devTag = document.getElementById('iframe_container');
if (devTag.requestFullscreen) {
    devTag.requestFullscreen();
} else if (devTag.mozRequestFullScreen) { // Firefox
    devTag.mozRequestFullScreen();
} else if (devTag.webkitRequestFullscreen) { // Chrome, Safari, and Opera
    if (navigator.userAgent.match(/iPhone|iPod/i)) {
        // Fallback for older versions of Safari on iPhone
        devTag.webkitRequestFullscreen();
    } else {
        devTag.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
    }
} else if (devTag.msRequestFullscreen) { // IE/Edge
    fullscreenImage.msRequestFullscreen();
}else{
    alert("Fullscreen mode is not supported in this browser");
}

尝试全屏所有设备中的所有浏览器,但此代码不适用于iPhone设备.

2g32fytz

2g32fytz1#

是否为<div>元素?如果我理解正确的话,它在iPhone上不受支持,或者有一些问题。Learn more.

相关问题