<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>

 

 

Logo

一站式 AI 云服务平台

更多推荐