禁止浏览器获取网页视频的方法,html5隐藏video控件的下载按钮
发布时间：2021-04-23 编辑：√無∑情— 内容来源：收集于网络
最近在开发项目的时候，为了保证用户上传的视频资源不被其他用户下载，网页使用了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信息为空时使用标题代替的方法
下一篇：没有了
下一篇：没有了
实用技巧教程分类
