Jquery 我们可以改变浏览器吗；s本机视频播放器'；什么是css？如果不是的话，什么是最轻的html5视频播放器插件，可以很容易的风格？

是否有可能只使用音频控制并从html5视频控制栏隐藏其他控件

我想隐藏控制栏，只使用音频关闭/打开按钮。我读了，但找不到解决办法

是否可以更改css位置音频静音按钮？我在这幅画上做了记号

编辑：我们是否有机会更改视频控制的css，并根据我们的需要重新设计它们的样式

---

如果不是，那么我们可以设计的最轻、最好的html5视频播放器是什么？

如果您使用的是浏览器的本机控件，则不是。无法修改本机控件，即使有，浏览器之间的控件也不同

您可以选择覆盖视频并关闭本机控件

---

或者您可以使用一个（用于视频的javascript库）并修改CSS。

您可以通过寻址阴影DOM，使用浏览器供应商特定的伪元素选择器（如

video:：-webkit media controls panel

）在一定程度上设置本机控件的样式，但正如@heff所说，这些控件在不同浏览器中有所不同，而构建自己的系统提供了更多的控制。记住：html[5]视频不仅仅是

Video

标签；它附带了一个漂亮的（JavaScript）API。

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 {}

---

查看一些想法。您是否可以扩展有关更改本机控件的伪选择器的答案，并用示例更具体一些？请不要更改伪选择器，而是使用CSS伪元素选择器（请参阅）以元素的视觉外观为目标。对于您的案例来说，这可能是一本很好的读物。至少我们在-webkit-browser上仍然有hope，这是我第一次听说shadowdom。感谢您的回答，+100是您的。其他Web浏览器也维护阴影DOM，但它们的标签和可访问性级别差别很大。祝你的项目好运，谢谢你的赏金！我注意到我的旧文章的链接仍然相关，但文章本身已经不存在了。所以我已经对它进行了更新和升级，现在就在这里，我将修复旧的链接，然后找出如何在Tumblr上实现它。