javascript - 关闭 HTML5 视频中的音量控制和静音按钮

Question

我们的一些视频在我们的 HTML 移动应用程序中播放效果非常好。但是，我们的视频没有声音，只有字幕，所以我们需要移除音量 slider 和静音按钮，但保留计时器栏。

这可以用 HTML 或 CSS 完成或切换吗？或者是否需要一些 javascript 才能执行此操作？

目前我们 html 标签中的设置只是:controls="controls"

Answer 1

这有效:

video::-webkit-media-controls-volume-slider {
display:none;
}

video::-webkit-media-controls-mute-button {
display:none;
}