如何使用JavaScript禁用/启用HTML5视频标记

Question

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

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

如果我使用

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

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

Answer 1

您可以删除视频源，以便视频无法播放:)

Answer 2

如果我们知道您正在使用的浏览器会很好，但这里有一些解决方法：

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

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

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

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

Answer 3

另一种方法是禁用上下文菜单，如下所示：

<video oncontextmenu="return false;" controls>
 <source src="somedir/somevideo.mp4" type="video/mp4"/>
</video>