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

切版网专注网页切版服务

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

建立您的线上前端开发部门

最高11年前端从业经验,专业只做web前端切图,只要您愿意,切版网就是您公司的前端部门。