Html5動画プレーヤー：Android端末でカスタムコントロールがフルモードで表示されない

Question

サイトの動画で自分のプレーヤーを作成しました。私はHtml5技術を使用しました。 すべてがPC上でうまく動作します。 しかし、フルモードでAndroid搭載端末でプレーヤーを開くと、コントロールが表示されません。 IMAGE

これはどうしてですか？私は助けを必要と:) オープンコードを私のプレーヤーTHIS：CODE PEN

Answer 1

ビデオおよびカスタムコントロールは、その中にある必要がありますが、フルスクリーンにかかるが、代わりにそのcontainer.Iは、このヘルプあなたを願っていたビデオではないcontainer.Its。

HTMLコード

<div id="videoContainer"> 
      <video>...<source></source> 
      </video> 
      <div> custom controls 
       <button>play/pause</button> 
       <button id="fullscreenBtn" class="enterFullscreenBtn">fullscreen</button> 
      </div> 
    </div> 

Jsのコード

var video=$('video'); 
$('#fullscreenBtn').on('click', function() { 
if (video.requestFullscreen) 
{ 
    $("#videoContainer").webkitRequestFullScreen(); 
} 
});