去掉video controls的下载按钮方法

最新推荐文章于 2025-04-15 17:50:28 发布

置顶蕭朙偉

最新推荐文章于 2025-04-15 17:50:28 发布

阅读量1.7w

点赞数 1

分类专栏： CSS 浏览器其他文章标签：下载按钮 video controls 去掉视频下载

浏览器同时被 3 个专栏收录

14 篇文章

订阅专栏

其他

3 篇文章

订阅专栏

CSS

2 篇文章

订阅专栏

本文介绍了一种解决谷歌浏览器中视频右下角出现下载按钮的方法。通过调整浏览器的CSS样式，可以使得54.0至57.0版本的谷歌浏览器不再显示该按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般浏览器不会出现下载按钮，，只有谷歌浏览器会（低版本的右下角没有下载按钮，比如53.0版本，我的谷歌浏览器是53.0版本) 。用同事电脑上的58.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); 
}