专注企业网站模板制作，包括工业、农业、科技、教育、工程、服务等各类企业网站制作！
  • 手机访问

    手机官网

  • 关注我们

    关注我们微信

当前位置:网站首页 > 新闻资讯 > 建站经验

video不让显示或隐藏下载按钮

2022-02-11    来源：    作者：专业建站  浏览次数：2109

video视频controls bar出现后右下角有个选项点击可以下载视频，如果不想展示该选项的话，可以给video标签添加“ controlsList="nodownload“即可。

例如：

 src="xxx.mp4" type="video/mp4" autostart="true" loop="true" controls="controls"

修改为

 src="xxx.mp4" type="video/mp4" autostart="true" loop="true" controls="controls"  controlsList="nodownload“

即可。


由于 ControlList  是从 Chrome 58+ 才开始引入的，所以对于低于 58 版本的 Chrome 

只能通过下面方法了

用css样式也可以隐藏

将下载按钮挤出可见范围，这样就可以变相的认为按钮被隐藏了，代码如下：


video::-webkit-media-controls {

   overflow: hidden !important;

}

video::-webkit-media-controls-enclosure {

   width: calc(100% + 32px);

   margin-left: auto;

}

————————————————



上一篇： 没有了！