javascript - 删除 Safari 和 UC 浏览器中的 HTML5 视频控件

Question

我想禁用控件属性<video>。属性的简单省略controls适用于 Chrome、Chrome Mobile 和 Firefox，但不适用于移动 Safari 和 UC 浏览器。我也试过用

<video onplaying="this.controls=false" > ...

但它也不起作用。我该如何解决这个问题？

谢谢。

Answer 1

<video onplaying="disableVideoControls();" controls="controls">

function disableVideoControls() { 
   var video = document.getElementById("videoPlayer");
   video.removeAttribute("controls"); 
};

该disableVideoControls()函数将在视频开始播放时执行，并从 中删除 controls 属性<video>，从而导致控件被删除。如果您想在<video>播放完毕后启用控件，您可以创建一个函数以相同的方式添加属性。