HTML5 비디오는 Chrome의 전체 화면 모드에서 컨트롤을 숨기지 않습니다.

Question

마우스를 움직일 때 표시되는 전체 화면 모드 표준 컨트롤로 변경하면 Google 크롬 브라우저에서 표시됩니다. 또한 항상 마우스 오른쪽 버튼 메뉴 (전체 화면에서만)에서 기능 표시 제어 기능을 사용할 수 없도록 설정할 수 없습니다. 그래서 나는이 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

그래서이 질문에 대한 답을 찾았습니다. http://css-tricks.com/custom-controls-in-html5-video-full-screen/