webkitEnterFullscreen（）はChromeとSafariでは動作しますが、iOSでは動作しません

外部ボタンを使用するwebkitEnterFullscreen（）がChromeとSafariで動作するが、iOSでは動作しない理由を教えてください。webkitEnterFullscreen（）はChromeとSafariでは動作しますが、iOSでは動作しません

iOSでは、ビデオを「表示可能」に設定してもボタンが機能しません。動画が再生された後にのみ動作するように見えます。その後、フルスクリーンを起動できます。私は "this.play（）;"を使用してスクリプトを作成することはできません。人間が再生ボタンを押した場合にのみ動作します。

私はあなたが "visibility: hidden" を上書きするときに "display: none" を上書きすべきではありませんのiPad 2とiOS 5.0.1

<html> 
    <head> 
     <title>Fullscreen Video</title> 
     <script src="js/jquery-1.7.1.min.js"></script> 
     <script type="text/javascript"> 

      $(function(){ 
       // hide video 
       $("#myVideo").css({'visibility' : 'hidden', 'display' : 'none'}); 

       // extend button functionality 
       $('#fs').bind('click', function() { 
        // display the video 
        $("#myVideo").css({'visibility' : 'visible'}); 

        // launch the video fullscreen 
        $("#myVideo")[0].webkitEnterFullscreen(); 
       }); 
      }); 
     </script> 

    </head> 
    <body> 

     <h1>Fullscreen Video</h1> 
     <video id="myVideo" width="852" height="480" controls="false" preload="false"> 
      <source src="videos/myVideo.mp4" type='video/mp4' /> 
     </video> 
     <br /> 
     <input type="button" id="fs" value="Fullscreen"> 

    </body> 
</html>

出典

2012-02-28 bafromca

を使用していますか？

私は（position: absoluteと-2000）オフスクリーン私のビデオを配置し、私が使用します。

<script> 

var videoPlayFullscreen = function() { 
     $('video').get(0).play();   
     $('video').get(0).webkitEnterFullscreen(); 
    }; 

</script>

ことができます場合、私は「.get(n)」を使用するまで、私はそれを動作させることができませんでした。あなたがやっているのと同じかもしれません：。

私のフルスクリーンはあなたのようなビデオがすでに再生されている場合にのみ機能しますが、再生するための上記のコードはiphone4とiPad 1で再生できますgen.

私の問題：iPad 1世代では、動画は最初のクリックで再生され（最初にvideoPlayFullscreen機能が実行されます）、2回目のクリックでフルスクリーンになります（2回目の機能実行時）。

再生コードはiPhone 4で再生されます（これは再生だけでフルスクリーンを開始しますが、私たちは再生しません）。私の経験ではwebkitEnterFullscreenが必要です）。

出典

2012-06-02 16:07:44 SweetTomato

webkitEnterFullscreen（）はChromeとSafariでは動作しますが、iOSでは動作しません

答えて

関連する問題