chrome浏览器去掉HTML5 video下载按钮
2018-01-22 11:28
771 查看
一般浏览器不会出现下载按钮,只有谷歌浏览器会(低版本的右下角没有下载按钮,比如53.0版本) 。 如果你的谷歌浏览器版本是54.0-57.0之间,并且也出现了视频右下角有按钮的情况都可以使用下面的代码。 解决方法:
video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); }
去掉手机端下载功能
<script>$('#videoID').bind('contextmenu',function() { return false; });</script>
相关文章推荐
- chrome浏览器去掉HTML5 video下载按钮
- HTML5 video控件去掉右边下载按钮
- 原生video标签去掉右下方下载按钮
- 去掉video controls的下载按钮方法
- JS 原生video元素去掉下载按钮
- JS 原生video元素去掉下载按钮
- video标签监听播放暂停,隐藏下载按钮
- chrome浏览器对HTML5的video、audio支持较好
- 去掉h5 voide标签中的下载按钮
- 隐藏 video标签的下载按钮
- 取消chrome浏览器下input和textarea的默认样式;html5默认input内容清除“×”按钮去除办法
- 代码下载Html5初探-视频元素video示例
- HTML5 video标签播放视频下载原理
- 关于html5 video currentTime 在chrome浏览器下设定失败问题解决
- HTML页面原生VIDEO标签隐藏下载按钮功能
- H5 Video 去除 下载按钮 禁用右键
- html5 video 手机上播放和下载的问题
- 如何隐藏 video 元素的下载按钮
- HTML5 网页音频和视频(<audio> 和 <video>)
- 【移动端html5】 android video播放进度精确控制