全屏切换不适用于iOS移动设备/平板电脑（Safari，Chrome和Firefox）

Question

我在iOS移动设备（iPhone和iPad，所有版本）上的Web应用程序中出现全屏模式问题。

我有一个按钮，它调用切换全屏功能。此功能适用于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; 
       } 
    } 

它不会在Safari，Chrome和Firefox在iOS移动/ iPad上运行，但功能调用（我有一些警告消息尝试）。我不明白为什么，thx提前！

Answer 1

您可以在http://caniuse.com/fullscreen进行验证，确认iOS Safari不提供全屏API，请点击此处查看更多信息 Full screen api HTML5 and Safari (iOS 6)。但是，html视频元素可以全屏显示。

看看https://brad.is/coding/BigScreen/，是处理全屏事件的好方法。