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结构变化可能就会导致方案失效。

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

posted @ 2017-03-29 11:09  nealXue  阅读(8787)  评论(0编辑  收藏  举报