Is it possible to change the default html5 skin / color

Question

Is it possible to change the color of html5 video games by default or the full skin?

<video id="sampleMovie" src="HTML5Sample.mov" controls></video> 

Answer 1

Cannot re-clean browsers from external HTML5 controls. However, you can completely omit them (by removing the control attribute) and implement your own controls using HTML, CSS and the HTML video API (good link here ).

Here is where you start.

Answer 2

Yes, if your browser supports shadow DOM. In this case, you will have selectors available for the theme in css, for example:

 *::-webkit-media-controls-panel { background-color: red !important; } 

And many other pseudo-attributes. To play with it, you can examine the shadow DOM on crome by turning on "Show shadow user agent DOM" on:

Developer tools → Settings → Settings → Show shadow user agent DOM

Answer 3

html is a browser language. and if you want to change the default html5 skin, you have to create your browser.

this solution, you must manually create a video player from html + css + js / swf and I think that change is not possible , except that you use my instruction.

Answer 4

The fact is that multimedia management styles are only available deeply in the shade. There is a list here: https://gist.github.com/afabbro/3759334

Look at the main thread and comments. They keep them more or less up to date. I mean, maybe it will be useful for you, or maybe not, but it's nice to know that there is some level of support for this type of style.

Please note that you can check the shadow DOM in your browser to see classes added to shadow elements, but you can only edit those with the prefix "-webkit"