2013-03-25 100 views
1

下面的代码是不工作使HTML5视频标签,如何禁用HTML5视频标签如何禁用/使用JavaScript

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

如果我使用

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

不过我能够用正确的发挥单击。

回答

1

这将是很好,如果我们知道您使用的浏览器,但这里有一些解决方法:

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

或者你可以设置你的元素的样式,以显示无:

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

而且最后还可以卸载维代莱元素的内容。最后一件事,如果您选择使用“display:none”方法,请确保视频不播放。

1

您可以删除该视频来源,这样的视频就无法玩:)

+0

重新分配值可能下载,如果再次文件没有缓存的文件... – Exception 2013-03-25 12:30:05

1

另一种方式来做到这一点是禁止这样的上下文菜单:

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

这是没有效果 – 2018-02-17 17:57:51

+0

呀,它取决于浏览器,但请尝试接受的答案,因为您在视频顶部添加了不可见的div,并且每捕获一次鼠标右键即可更好地工作。 – Xedret 2018-02-19 19:31:53

相关问题