是否可以在切换到全屏时禁用 html5 视频控件？

Question

我的要求是永远不要显示控件。但是当我切换到全屏时，控件会自动启用。有没有办法使它们失效？

我尝试通过 javascript (video.controls=false) 禁用，但徒劳无功，而相同的代码在我程序的另一部分工作正常。

我在 webkitfullscreenchange 侦听器处理程序中包含了控件禁用代码。处理程序在全屏按钮单击时被调用，但控件并未被禁用。

P.S 在用户按钮点击时启用全屏。

这是我的 webkitfullscreenchange 监听器代码：

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; }