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

Question

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

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

如果我使用

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

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

score 1 · Accepted Answer

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

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

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

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

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

score 1 · Accepted Answer

1

您可以删除视频源，这样视频将无法播放:)

于 2013-03-25T12:21:41.737 回答

score 0 · Accepted Answer

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

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

3 回答 3