禁止H5的video下载功能

作者: 我家媳妇蠢蠢哒 | 来源:发表于2018-05-17 17:42 被阅读0次

css部分：

.videoWrapper video::-internal-media-controls-download-button {

display:none;

}

.videoWrapper video::-webkit-media-controls-enclosure {

overflow:hidden;

}

.videoWrapper video::-webkit-media-controls-panel {

width: calc(100% + 30px);

}

js部分：

$('.videoWrapper').bind('contextmenu',function() { return false; });

禁止H5的video下载功能
css部分： .videoWrapper video::-internal-media-controls-down...
H5 Video 禁止快进
h5 video方法，事件，属性详解
1.video属性 2.video 事件 3.基本示例 4.监控下载进度参考 h5 video 移动端填坑记移...
视频曝光处理器：liquivid Exposure and Ef
iquivid Exposure and Effects下载功能介绍 liquivid Video Exposur...
video、禁止画中画、禁止下载、隐藏全屏
html css
【前端】video标签禁用下载
原文链接：video 标签禁止下载亲测有效隐藏按钮三个点亲测有效[https://blog.csdn.n...
Video标签，禁止右键下载视频等操作
关键：oncontextmenu="return false;"
微信小程序-video禁止拖动进度条
小程序项目中涉及到视频功能，需求就是禁止拖动进度条。但是小程序video并没有提供一个属性用来禁止进度条拖动以上...
解决HTML5 Video标签poster无法自适应video大
在做H5视频播放，Video标签设置poster属性后，图片无法自适应Video大小，如下给Video标签设置 ...
解决HTML5 Video标签poster无法自适应video大
在做H5视频播放，Video标签设置poster属性后，图片无法自适应Video大小，如下给Video标签设置 ...