html中如何移除video下载按钮
2021-03-02 02:28
标签：script dde var function 方法 idt ext UNC segment 当我们使用原生的audio标签时，可以看到如下的效果。 那么如何让下载按钮隐藏掉呢？ controlsList属性只兼容Chrome 58+以上，具体可以参考controlslist.html ，controlsList在线例子 项目地址: https://github.com/kolber/aud... 参考：https://segmentfault.com/a/1190000009737051 https://www.cnblogs.com/johnv/p/9578348.html html中如何移除video下载按钮 标签：script dde var function 方法 idt ext UNC segment 原文地址：https://www.cnblogs.com/vickylinj/p/14379157.html
1. controlsList="nodownload"
// 这个方法只支持 Chrome 58+， 低于该版本的是没有无法隐藏的
audio src="/i/horse.ogg" controls="controls" controlsList="nodownload">
Your browser does not support the audio element.
audio>
2. css方式来隐藏
// 这个方式兼容所有版本的谷歌浏览器
audio::-webkit-media-controls {
overflow: hidden !important
}
audio::-webkit-media-controls-enclosure {
width: calc(100% + 32px);
margin-left: auto;
}
3. 即使让下载按钮隐藏了，如何禁止右键下载？
// 给audio标签禁止右键，来禁止下载
audio src="/i/horse.ogg" controls="controls" controlsList="nodownload" oncontextmenu="return false">
Your browser does not support the audio element.
audio>
4. 第三方插件: audiojs
优点： 简单，无依赖
缺点：异步插入的audio标签，每次还是需要重新调用audiojs.createAll()方法来重新实例化// 1.
script src="/audiojs/audio.js">script>
// 2.
script>
audiojs.events.ready(function() {
var as = audiojs.createAll();
});
script>
文章标题：html中如何移除video下载按钮
文章链接：http://soscw.com/index.php/essay/58837.html