전체 화면으로 전환 할 때 html5 비디오 컨트롤을 비활성화 할 수 있습니까?

Question

내 요구 사항은 컨트롤을 절대 표시하지 않는 것입니다. 그러나 전체 화면으로 전환하면 자동으로 contols가 활성화됩니다. 그들을 지켜줄 수있는 방법이 있습니까?

자바 스크립트 (video.controls = false)를 사용하지 못하게했지만 헛되지 않았습니다. 동일한 코드가 내 프로그램의 다른 부분에서 제대로 작동하는 반면.

나는 webkitfullscreenchange 리스너 처리기 내에 컨트롤 비활성화 코드를 포함 시켰습니다. 핸들러는 전체 화면 버튼 클릭으로 호출되지만 컨트롤은 비활성화되지 않습니다.

사용자 버튼을 클릭 할 때 전체 화면을 활성화합니다.

이 내 webkitfullscreenchange의 listerner 코드 : 나는 guessig하고

document.addEventListener('webkitfullscreenchange', function() { 
    video.controls = false; 
    console.log('webkitfullscreenchange event fired');  
}, false); 

Answer 1

는 CSS에 다음과 같은 작업을해야

ul.vjs-controls > li.vjs-fullscreen-control { display: none; }