video控制条在部分浏览器禁止显示“下载”-解决方法

1. 搜狗浏览器视频播放器会显示向下箭头的下载按钮：如图：

解决方法：只需加入下面的样式

video::-internal-media-controls-download-button {display:none;
}video::-webkit-media-controls-enclosure {overflow:hidden;
}video::-webkit-media-controls-panel {width: calc(100% + 30px);
}

2. 但是以上向下箭头的下载不显示了，在谷歌浏览器打开控制条上还是会显示：如图：

解决方法：video中添加属性：controlsList="nodownload"

目前测试，添加controlsList="nodownload"这个属性在每个浏览器都已经隐藏掉了

<video id="video5" poster="image/4.jpg" controlsList="nodownload"><source src="xx.mp4" type="video/mp4">
</video>

所以，只需加入该属性即可。

video控制条在部分浏览器禁止显示“下载”-解决方法相关推荐

打开浏览器提示下载解决方法
打开浏览器提示下载问题的症状:打开IE浏览器提示下载html网页文件:打开360浏览器提示下载html文件:打开世界之窗浏览器提示下载html文件,但都不是真正的下载文件! 解决方法:找到" ...
JS自定义多媒体Video控制条（控制视频播放、进度、全屏案例）
案例参考先来看一下一些视屏控件需求点击按钮实现视频的播放和暂停按钮切换全屏和退出全屏功能进度条和时间前期准备 HTML DOM Video 对象文档图标字体库下载和文档案例目录 HTM ...
苹果IOS14版本自建服务器无法下载解决方法
苹果IOS14版本自建服务器无法下载解决方法 IOS14版本APP提示下载失败 ios系统更新到14.0后,用户从自建服务器上下载app提示无法下载前提条件,公司拥有HTTPS类型的网站 ios在1 ...
远程计算机无法操作,Win10系统下qq远程不能控制对方电脑(点不动)的完全解决方法...
我们经常会使用到QQ远程功能,通过这个功能实现不上门,就可以操纵对方电脑,进行相关操作.但是对方使用的是Win10系统,你想要使用QQ远程控制对方的电脑,却发现连接之后却点不动任何东西,又或者是刚连接 ...
html 弹窗被拦截,window.open()弹窗被浏览器拦截的解决方法
本篇文章给大家带来的内容是关于window.open()弹窗被浏览器拦截的解决方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 什么情况下会弹窗被拦截当window.open为用 ...
IDM出现输入用户名和密码不能下载解决方法
IDM出现输入用户名和密码不能下载解决方法参考文章: (1)IDM出现输入用户名和密码不能下载解决方法 (2)https://www.cnblogs.com/xiatom/p/9805965.htm ...
Eclipse里编辑代码，进度条出现“Remote System Explorer Operation”解决方法
Eclipse里编辑代码,进度条出现"Remote System Explorer Operation"解决方法参考文章: (1)Eclipse里编辑代码,进度条出现" ...
Win10任务栏总是弹出推荐Edge浏览器广告的解决方法
这篇文章给大家分享的是有关Win10任务栏总是弹出推荐Edge浏览器广告的解决方法的内容.小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧. 继 Outlook 网站."开始 ...
win10中谷歌浏览器输入任何字符导致浏览器崩溃的解决方法
win10中谷歌浏览器输入任何字符导致浏览器崩溃的解决方法最近在使用谷歌浏览器的时候,偶尔会用百度等查询资料,如果是点击标签页直接跳转不会出现任何问题,但是一旦有输入的时候,不管是在百度等搜索栏中输 ...

video控制条在部分浏览器禁止显示“下载”-解决方法

video控制条在部分浏览器禁止显示“下载”-解决方法相关推荐

最新文章

热门文章