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()函数将在视频开始播放时执行，并将从 <video> 中删除控件属性。 ，导致控件被删除。如果要在 <video> 时启用控件玩完了你可以做一个函数以同样的方式将属性添加回来。