Film HTML5 nie ukrywa elementów sterujących w trybie pełnoekranowym w przeglądarce Chrome

Question

W przeglądarce Google Chrome po przejściu na tryb pełnoekranowy zmienia się standardowe elementy sterujące pokazujące ruch myszy. Zawsze włączone jest również sterowanie funkcjami show w menu prawego przycisku myszy (tylko na pełnym ekranie), nie mogę go wyłączyć. Więc podaję te funkcje js, ale nie działają. JS:

$('.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:

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

I src Oczywiście, że bardzo długo się zmienić, ale coraz wideo z innej domeny.

Answer 1

Więc znajduję odpowiedź na to pytanie.

w CSS potrzeby dodać kolejną zasadę:

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

więcej informacji na link: http://css-tricks.com/custom-controls-in-html5-video-full-screen/