html中如何移除video下载按钮

我发现部分安卓手机使用video标签播放视频的时候会自带一个下载按钮,一般产品大多都不需要这一功能,那如何屏蔽下载按钮呢?有下面两种,请一定使用第一种方式,使用css控制会有兼容性问题,建议不要使用这种方案。

第一种方式,通过原生方式 nodownload in controlsList 控制button显示,audio标签也适用

<video width="400" height="300" controls controlsList="nodownload">
    <source data-src="test.ogg" type="video/mp4">
</video>

另一种方式通过css控制video标签的外观(坑一踩,有兼容问题,不要使用!!

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

}
复制代码

 

posted @   JoVee  阅读(3222)  评论(1编辑  收藏  举报
编辑推荐:
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
阅读排行:
· [翻译] 为什么 Tracebit 用 C# 开发
· 腾讯ima接入deepseek-r1,借用别人脑子用用成真了~
· Deepseek官网太卡,教你白嫖阿里云的Deepseek-R1满血版
· DeepSeek崛起:程序员“饭碗”被抢,还是职业进化新起点?
· RFID实践——.NET IoT程序读取高频RFID卡/标签
点击右上角即可分享
微信分享提示