javascript – 全屏切换功能无法在iOS手机/平板电脑上运行(Safari,Chrome和Firefox)

在iOS移动设备(iPhone和IPad,所有版本)上的webapp中,我遇到全屏模式的问题.

我有一个按钮,可以调用切换全屏功能.此功能适用于iOS以外的所有设备.

我的功能：

function toggleFullScreen(e) {
                if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement && !window.navigator.standalone) {  // current working methods
                    if (document.documentElement.requestFullscreen) {
                        document.documentElement.requestFullscreen();
                    } else if (document.documentElement.msRequestFullscreen) {
                        document.documentElement.msRequestFullscreen();
                    } else if (document.documentElement.mozRequestFullScreen) {
                        document.documentElement.mozRequestFullScreen();
                    } else if (document.documentElement.webkitRequestFullscreen) {
                        document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
                    }
                    $('body').css({'height': screen.height});
                    fullSreen = true;
                } else {
                    if (document.exitFullscreen) {
                        document.exitFullscreen();
                    } else if (document.msExitFullscreen) {
                        document.msExitFullscreen();
                    } else if (document.mozCancelFullScreen) {
                        document.mozCancelFullScreen();
                    } else if (document.webkitExitFullscreen) {
                        document.webkitExitFullscreen();
                    }else if(document.cancelFullScreen){
                        document.cancelFullScreen();
                    }
                    $('body').css({'height': 'auto'});
                    fullSreen = false;
                }
    }

它不适用于iOS手机/ iPad上的Safari,Chrome和Firefox,但功能是通话(我尝试使用一些警报信息).我不明白为什么,提前thx！

解决方法

您可以在 http://caniuse.com/fullscreen验证iOS Safari不提供全屏API,请查看此信息以获取更多信息
Full screen api HTML5 and Safari (iOS 6)但是html视频元素可以全屏显示.

看看https://brad.is/coding/BigScreen/,是一个很好的lib来处理全屏事件.