Il video HTML5 non nasconde i controlli in modalità schermo intero in Chrome

Question

Nel browser Chrome di Google quando modifico i controlli standard mod a schermo intero che mostrano quando il mouse si sposta. Sempre abilitato la funzione show control nel menu del tasto destro del mouse (solo su schermo intero), non posso disabilitarlo. Quindi inserisco queste funzioni js ma non funzionano. 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> 

cambio src Naturalmente è molto lunga, ma il video che ottengono da un altro dominio.

Answer 1

Quindi trovo la risposta per questa domanda.

In necessità CSS per aggiungere regola successiva:

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

ulteriori informazioni sul link: http://css-tricks.com/custom-controls-in-html5-video-full-screen/