隐藏video标签的下载按钮

Posted 2020-10-19 学知无涯

问题：
　　使用video标签时，有些浏览器会显示视频的下载按钮，而这并不是我们需要的功能，必须想办法去掉。

解决方法：
　　使用下面的css可以达到隐藏下载按钮的效果，但是点击下载的位置，还是能出现开始下载的事件，所以暂未能彻底解决。

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

本文参考链接 https://www.cnblogs.com/tu-0718/p/6962928.html
　　　　　　 https://majing.io/questions/823