iOSモバイル/タブレット（Safari、Chrome、Firefox）でフルスクリーントグルが機能しない

Question

iOSモバイルデバイス（iPhoneとIPad、すべてのバージョン）のWebアプリケーションでフルスクリーンモードに問題があります。

トグルフルスクリーン機能を呼び出すボタンがあります。この機能は、iOS以外のすべてのデバイスで機能します。

My機能：

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を事前に理解していない！

Answer 1

http://caniuse.com/fullscreenで、iOS Safariでフルスクリーン用のAPIが提供されていないことを確認できます。詳しくは Full screen api HTML5 and Safari (iOS 6)をご覧ください。しかし、htmlビデオ要素は全画面表示できます。

https://brad.is/coding/BigScreen/を見ると、フルスクリーンイベントを処理するのに適しています。