是否可以只使用音频控制而将其他人从 html5 视频控制栏中隐藏？
我想隐藏控制栏，只使用音频关闭/打开按钮。我阅读了revelant article on w3schools，但找不到解决方案。
是否可以更改 css 位置的音频静音按钮？我在这张照片上做了标记。
编辑：我们是否有机会更改视频控件的 css 并根据需要重新设置它们的样式？
如果没有，我们可以设计出最好的轻量级 html5 视频播放器吗？
【问题讨论】：
标签： jquery css html video controls
html5 视频标签的控制栏有一些 css 选项。
例如，如果您想隐藏静音按钮，您可以使用：
video::-webkit-media-controls-mute-button {
display: none;
}
以下是我知道的所有 css 选项：
video::-webkit-media-controls-panel {}
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-volume-slider-container {}
video::-webkit-media-controls-volume-slider {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display {}
video::-webkit-media-controls-timeline-container {}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-seek-back-button {}
video::-webkit-media-controls-seek-forward-button {}
video::-webkit-media-controls-fullscreen-button {}
video::-webkit-media-controls-picture-in-picture-button {}
video::-webkit-media-controls-rewind-button {}
video::-webkit-media-controls-return-to-realtime-button {}
video::-webkit-media-controls-toggle-closed-captions-button {}
video::-webkit-full-page-media::-webkit-media-controls-panel {}
【讨论】：
您可以通过处理 Shadow DOM 来对原生控件进行一定程度的样式设置，使用浏览器供应商特定的伪元素选择器，例如 video::-webkit-media-controls-panel，但是就像 @heff 所说的那样，这些控件在浏览器之间有所不同，并且构建您自己的控件可以提供更多控制.请记住：html[5] 视频不仅仅是video 标签；它带有一个不错的 (JavaScript) API。
【讨论】：
如果您使用的是浏览器的原生控件，则不会。无法修改原生控件，即使有，不同浏览器的控件也是不同的。
你可以build your own volume control覆盖视频并关闭原生控件。
或者您可以使用HTML5 video player（一个用于视频的 javascript 库）并为其修改 CSS。
【讨论】：