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結構變化可能就會導致方案失效。
通過加長控制條內容的寬度,超出部分不顯示,達到了目的,不知大家有沒有更好的方法?