切版网（2013~2023）

http://qieban.cn
做完设计，找切版网
QQ:6135833
微信：dingxiangming82

2022年08月27日

HTML5 video标签右下角的下载按钮去掉方法

本文就“HTML5 video标签右下角的下载按钮去掉方法”展开讨论，作者切版网，发布于2022年08月27日 全文共326个字，预计阅读时长1分5秒。

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

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。