浏览器禁止video视频另存下载
七娃博客1,224人阅读
我们都知道html中video标签浏览器会默认带有控制画中画和下载的地方,可是很多时候,我们做的视频都是收费的,不能随便下载,代码又用了html5的视频播放器,那么可以将所有(包括IE)浏览器都不允许下载吗?
答案是肯定的!可以!
首先第一步,css隐藏下载按钮,部分浏览器生效
video::-internal-media-controls-download-button {display:none;} video::-webkit-media-controls-enclosure {overflow:hidden;} video::-webkit-media-controls-panel { width: calc(100% + 30px); }
仅用css是不可以,我们还需要在视频标签上添加:controlsList="nodownload”
<video id="video_paly" controlsList="nodownload" controls src=""> 当前浏览器不支持 video直接播放 </video>
最后再用jquery控制不允许下载控件出现:
$('#video_paly').bind('contextmenu',function() { return false; });
这样所有浏览器就乖乖听话了。
评论 | 0 条评论
登录之后才可留言,前往登录