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

下面的代码不工作，怎么能禁用HTML5视频标签

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

如果我使用

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

---

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

您可以删除视频源，使视频无法播放：）

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

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

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

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

---

最后，还可以卸载vidEle元素的内容。最后一件事，如果选择使用“显示：无”方法，请确保视频未播放。

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

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

这是无效的是的，这取决于浏览器，但请尝试接受的答案，因为您在视频顶部添加了一个不可见的div，这将捕获每次右键单击。