audio隐藏下载按钮
2024-09-03 13:57:26
// 这个方法只支持 Chrome 58+, 低于该版本的是没有无法隐藏的
<audio src="/i/horse.ogg" controls="controls" controlsList="nodownload">
Your browser does not support the audio element.
</audio>
controlsList属性只兼容Chrome 58+以上,具体可以参考controlslist.html ,controlsList在线例子
nodownload: 不要下载
nofullscreen: 不要全屏
noremoteplayback: 不要远程回放
第二种方法:css方式来隐藏
// 这个方式兼容所有版本的谷歌浏览器
audio::-webkit-media-controls {
overflow: hidden !important
}
audio::-webkit-media-controls-enclosure {
width: calc(100% + 32px);
margin-left: auto;
}
禁止右键
// 给audio标签禁止右键,来禁止下载
<audio src="/i/horse.ogg" controls="controls" controlsList="nodownload" oncontextmenu="return false">
Your browser does not support the audio element.
</audio>
最新文章
- hdu 1342(DFS)
- 【Networking】Thrift and gRPC
- IE6 7 8BUG锦集
- 软件项目量化管理(CMMI高成熟度)实践经验谈——之项目管理过程策划篇
- POJ 3368 RMQ-ST
- SQL常用函数
- python之dictionary
- [转]Python多进程并发操作中进程池Pool的应用
- Axure之动态面板:登录面板切换
- 对HTML5标签的认识(二)
- Django学习之二:Django 项目创建 和 应用创建
- SpringBoot集成Swagger接口管理工具
- redis五种数据类型的使用场景
- 前端 ---client、offset、scroll系列
- linear-gradient常用实现效果
- UE4 几个好用的插件和Wiki教程
- Frobenius 范数
- JQuery字符串的操作
- git第六节---git 远程仓库
- uiautomator2