浏览器禁止video视频另存下载

我们都知道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; });

这样所有浏览器就乖乖听话了。