html5中video隐藏下载按钮并屏蔽鼠标右键的方法

h5的标签插入视频很好用，但是我不想视频那么容易就被别人下载去了，想隐藏右下角的视频下载按钮怎么操作呢？其实我们只要在video标签里面加上一个controlslist="nodownload"就可以了。如下面的代码；

<video controls="" poster="/video.gif" style="object-fit:fill;width:100%;" controlslist="nodownload">
<source src="http://video201.oss-cn-hangzhou.aliyuncs.com/38.mp4" type="video/mp4">您的浏览器不支持此视频播放。
</video>

加入之后就会自动隐藏下载按钮了，如下图；

但是这样别人还可以在视频上鼠标右键下载，所以还需要加一个屏蔽鼠标右键的js，看下面的代码；

<script>
    $("video").bind("contextmenu",function(){//取消右键事件
        return false;
    });
</script>

这样就OK了，去试试吧。