全屏切換不適用於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/，是處理全屏事件的好方法。