h5的video下载按钮在部分手机系统上是不可用的,想要把这个按钮屏蔽掉,可苦于没有像屏蔽全屏按钮那样的伪类video::-webkit-media-controls-fullscreen-button {display: none;}
只好找了一种比较搓的方法:
video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
calc(100% + 30px);
}
用CSS hacker的方式并非好的方案,这依赖于chrome的DOM选择器,一旦DOM结构变化可能就会导致方案失效。
通过加长控制条内容的宽度,超出部分不显示,达到了目的,不知大家有没有更好的方法?