Video HTML5 không ẩn điều khiển ở chế độ toàn màn hình trong Chrome

Question

Trong trình duyệt chrome của Google khi tôi thay đổi thành điều khiển chuẩn toàn màn hình hiển thị khi di chuyển chuột. Ngoài ra luôn luôn kích hoạt chức năng hiển thị điều khiển trên menu chuột phải (chỉ trên toàn màn hình), tôi không thể vô hiệu hóa nó. Vì vậy, tôi khay chức năng này js nhưng họ không làm việc. 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> 

tôi thay đổi src nhiên nó rất dài, nhưng đoạn video nhận được từ tên miền khác.

Answer 1

Vì vậy, tôi tìm câu trả lời cho câu hỏi này.

Trong css cần phải thêm quy tắc tiếp theo:

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

thêm thông tin về liên kết: http://css-tricks.com/custom-controls-in-html5-video-full-screen/