html5 audio、video组件禁止下载

<video id="video" src="#" controls controlsList="nodownload" oncontextmenu="return false"></video>

<audio src="/record/test.wav" controls="controls" controlsList="nodownload" oncontextmenu="return false"></audio>

 

禁止显示下载按钮

设定 controlsList=”nodownload”

// 这个方法只支持 Chrome 58+， 低于该版本的是没有无法隐藏的

<audio src="/record/test.wav" controls="controls" controlsList="nodownload"></audio>

controlsList属性只兼容Chrome 58+以上，具体可以参考controlslist.html ，controlsList在线例子

nodownload：不要下载

nofullscreen：不要全屏

noremoteplayback：不要远程回放

 

禁止右键下载

直接设定 οncοntextmenu="return false"

<script language="javascript" type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
    $(document).ready(function(){
    $('#video').bind('contextmenu',function() { return false; });
    });
</script>