h5的video下载按钮如何隐藏

h5的video下载按钮在部分手机系统上是不可用的，想要把这个按钮屏蔽掉，可苦于没有像屏蔽全屏按钮那样的伪类video::-webkit-media-controls-fullscreen-button {display: none;}

只好找了一种比较搓的方法：

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

用CSS hacker的方式并非好的方案，这依赖于chrome的DOM选择器，一旦DOM结构变化可能就会导致方案失效。

通过加长控制条内容的宽度，超出部分不显示，达到了目的，不知大家有没有更好的方法？

转载于:https://www.cnblogs.com/kevinxue/p/6638733.html