在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>播放完毕后启用控件，您可以创建一个函数以同样的方式添加属性。