HTML5视频控件 - 制作更大？

Question

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

Answer 1

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

对不起，不知道什么支持在其他浏览器检查和样式Shadow DOM的东西。

Answer 2

下面是一个简单codepen在这里你可以看到HTML5视频控件的一些样本造型：codepen.io/BainjaminLafalize/pen/GiJwn

它是基于WebKit的浏览器只 - 浏览器，Opera和Safari。对于Firefox和Edge/IE，目前不可能设计样式（2017年8月）。