去除html5 video标签自带的下载按钮

video标签是html5新标签,可以在video考试标签和结束标签之间添加文字信息,当访问的浏览器不支持video标签的时候就会显示这些文字信息。video标签有个很好用的属性-controls。controls属性可以给视频提供播放空间。包括播放、暂停、全屏、画中画、下载和声音的控制(以谷歌浏览器为例)。
<video id=”video” src=”icodediary.avi” controls=”controls”>您的浏览器不支持video标签!</video>
但是有的人并不想自己的视频被所有人下载。那就需要添加一个新的属性controlslist=”nodownload”。
<video id=”video” src=”icodediary.avi” controls=”controls” controlslist=”nodownload”>您的浏览器不支持video标签!</video>,这样就可以隐藏掉视频的下载标签。
当然,如果要禁止下载还要禁止右键直接点击下载的方式
<script>
$(document).ready(function(){
$(‘#video’).bind(‘contextmenu’,function() { return false; });
});
</script>
这样就可以禁止视频的下载了,当然这只能禁止一部分人。
更多代码请关注代码日记本~

原文链接:,转发请注明来源!

发表评论

要发表评论,您必须先登录