JS 原生video元素去掉下载按钮
2017-10-17 11:32
1631 查看
<audio src="xxx.mp4" controls="controls"></audio>
通常我们都是这样写一个video元素, 这样写的 会在浏览器下显示视频的控制栏出来,加入我们不需要控制栏的下载按钮怎么办?
看到有人说用css 方式可以:
video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); }
其实还有一种方式,更简单。
controlslist=”nodownload” 去掉下载按钮
controlslist=”nofullscreen“ 去掉全部,只显示播放进度
<audio src="XXX.MP4" controls="controls" controlslist="nodownload"></audio>
相关文章推荐
- JS 原生video元素去掉下载按钮
- 原生video标签去掉右下方下载按钮
- HTML5 video控件去掉右边下载按钮
- chrome浏览器去掉HTML5 video下载按钮
- HTML页面原生VIDEO标签隐藏下载按钮功能
- 去掉video controls的下载按钮方法
- chrome浏览器去掉HTML5 video下载按钮
- 如何隐藏 video 元素的下载按钮
- js+html纯原生代码 简单的下载对话框 点击按钮自动读条
- 原生js获取浏览器窗口及元素宽高常用方法集合
- 原生JS 实现元素排序
- js结合schema实现外部网页点击APP下载按钮,已安装的话打开APP,未安装跳转到下载页
- JS练习题③:去掉数组中的重复元素
- JS 去掉回车按钮的点击事件
- 通过原生JS实现为元素添加事件的方法
- 原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
- vuejs2.0运用原生js实现简单的拖拽元素功能
- 原生JS获取元素的位置与尺寸实现方法
- 去掉JS数组中重复的元素
- 用原生js在DOM元素上面添加方法