javascript - 如何使用 JavaScript 禁用/启用 HTML5 视频标签

Question

下面的代码不工作，如何禁用 HTML5 视频标签

document.getElementById("vidEle").disabled=true;

如果我用

document.getElementById("vidEle").controls=false;

我仍然可以使用右键单击进行播放。

Answer 1

如果我们知道您使用的浏览器就好了，但这里有一些解决方法:

您可以使用 css 在其顶部设置一个与具有半透明背景的视频播放器相同大小的新 block 元素。

或者您可以将元素的样式设置为不显示:

document.getElementById("vidEle").style.display="none";

最后，您还可以卸载 vidEle 元素的内容。最后一件事，如果您选择使用“display:none”方法，请确保视频没有播放。