解决方法
我想你可以通过更改#document片段的CSS来实现这一点,这些是DOM1规范,所有浏览器都支持,但是关于样式,我不确定。
以下解决方案是特定于webkit的
以下解决方案是特定于webkit的
video::-webkit-media-controls-fullscreen-button { display: none; } video::-webkit-media-controls-play-button {} video::-webkit-media-controls-timeline {} video::-webkit-media-controls-current-time-display{} video::-webkit-media-controls-time-remaining-display {} video::-webkit-media-controls-mute-button {} video::-webkit-media-controls-toggle-closed-captions-button {} video::-webkit-media-controls-volume-slider {}
另外,如@paulitto所说,可以在从< video>中删除控件属性后实现DOM方法。元件。请参阅this tutorial了解更多信息。
PS:我是怎么找到的?前往Chrome>开发工具>设置(齿轮图标)>在“元素”下查找显示用户代理阴影DOM,选中该框。您将能够检查底层的阴影DOM及其各自的样式。