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>