去掉video controls的下载按钮方法

最新推荐文章于 2026-03-19 01:15:13 发布

转载最新推荐文章于 2026-03-19 01:15:13 发布 · 置顶 · 1.7w 阅读

标签

#下载按钮 #video #controls #去掉 #视频下载

收录于

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

14 篇文章

订阅专栏

其他

3 篇文章

订阅专栏

CSS

2 篇文章

订阅专栏

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

一般浏览器不会出现下载按钮，，只有谷歌浏览器会（低版本的右下角没有下载按钮，比如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); 
}