HTML5視頻不會隱藏Chrome中全屏模式下的控件。

在Google Chrome瀏覽器中，當我更改爲全屏模式時，顯示鼠標移動的標準控件。也一直啓用功能顯示控制右鍵菜單（只在全屏幕），我不能禁用它。所以我托盤這個js功能，但他們不工作。 JS：HTML5視頻不會隱藏Chrome中全屏模式下的控件。

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

我改變SRC當然很長，但是從另一個域視頻獲得。

來源

2013-08-16 user2633669

你能表現出一定的代碼（超過兩行）？ – putvande

我編輯我的問題 – user2633669

看起來像全屏中的控件禁用被覆蓋。 – putvande

所以我找到了這個問題的答案。

在CSS中需要添加一條規則：在鏈接

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

來源

2013-10-21 11:35:45 user2633669

HTML5視頻不會隱藏Chrome中全屏模式下的控件。

回答

相關問題