Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

like image 804
user2864484 Avatar asked Oct 21 '22 23:10

user2864484


1 Answers

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).

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

like image 72
RwwL Avatar answered Oct 23 '22 16:10

RwwL