HTML5ビデオはChromeの全画面モードのコントロールを非表示にしません

Question

マウスを動かすときに表示されるフルスクリーンモードの標準コントロールに変更するとGoogle Chromeブラウザで表示されます。また、右クリックメニューの機能を常に有効にする（全画面表示のみ）、無効にすることはできません。だから私はこのjs関数をトレイが、彼らは動作しません。 JS：私はSRCもちろん、それは非常に長い変更

<video id="bcVideo" src="anotherhost.com/video.mp4" style="position: absolute;" poster="poster.gif"></video> 

が、ビデオは別のドメインからの取得：

$('.gp_nav_fc').click(function() { 
    elem = $('#bcVideo')[0]; 
    if (elem.requestFullscreen) { 
     elem.requestFullscreen(); 
    } else if (elem.mozRequestFullScreen) { 
     elem.mozRequestFullScreen(); 
    } else if (elem.webkitRequestFullscreen) { 
     elem.webkitRequestFullscreen(); 
    } 
    $('.gp_buttons').attr('class', 'gp_buttons fullscreen'); 
     elem.controls = false; 
     $('#bcVideo')[0].removeAttribute("controls"); 
     $('#bcVideo').controls = false; 
}); 

HTML。

Answer 1

だから私はこの質問の答えを見つける。 CSSで

は、次のルールを追加する必要があります。リンク上

video::-webkit-media-controls { 
    display:none !important; 
} 

より多くの情報：http://css-tricks.com/custom-controls-in-html5-video-full-screen/