HTML5视频控件 - 变得更大？

Question

我知道您可以自定义视频控件来制作自己的按钮/布局，但有什么方法可以让默认控件更大？

Answer 1

不是跨浏览器方式，但控件是使用Shadow DOM元素构建的。至少在Chrome中，您可以在开发工具设置中启用Show Shadow DOM，检查视频播放器控件，并收集您需要提供的CSS以影响这些元素（在webkit浏览器中）。

很抱歉，不确定其他浏览器支持哪些内容来检查和设置Shadow DOM内容。

Answer 2

下面是一个示例代码集，您可以在其中看到HTML5视频控件的一些示例样式：codepen.io/BainjaminLafalize/pen/GiJwn

仅适用于基于webkit的浏览器 - Chrome，Opera和Safari。对于Firefox和Edge / IE - 目前无法进行样式设计（2017年8月）。