禁止浏览器获取网页视频的方法,html5隐藏video控件的下载按钮

最近在开发项目的时候，为了保证用户上传的视频资源不被其他用户下载，网页使用了html5的video标签进行视频播放所以需要禁止video标签自带的下载功能。
方法一： 给video对象绑定return false
该代码确实可以屏蔽掉右键另存，

$('#video1').bind('contextmenu',function() { return false; });

方法二：添加下面的样式

<style type="text/css">
    video::-webkit-media-controls-enclosure {
        overflow:hidden;
    }
    video::-webkit-media-controls-panel {
        width: calc(100% + 30px);
    }
</style>

方法三：添加 controlslist="nodownload"

<video controls="true" controlslist="nodownload" width="420" height="280" poster=""></video>

上一篇： Ecshop中强制把标题作为详情页图片alt信息/及alt信息为空时使用标题代替的方法

下一篇： 迅睿CMS后台文章列表不显示缩略图解决方法