HTML5视频控件 - 变得更大？ [英] HTML5 Video Controls - make larger?

问题描述

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

I know you can customize the video controls to make your own buttons/layout, but is there any way I can just make the default controls larger?

推荐答案

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

Not in a cross-browser way, but the controls are built with Shadow DOM elements. In Chrome, at least, you can enable Show Shadow DOM in the dev tools settings, inspect the video player controls, and glean the CSS that you'd need to supply to affect these elements (in webkit browsers).

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

Sorry, not sure offhand what the support is in other browsers for inspecting and styling Shadow DOM stuff.

这篇关于HTML5视频控件 - 变得更大？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！