is it possible to change default html5 video skin/color

html video colors tags skin
Johnny picture Johnny · Dec 9, 2013 · Viewed 23.3k times · Source

Is it possible to change default html5 video player's colors or complete skin?

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

enter image description here

Answer

net.uk.sweet picture net.uk.sweet · Dec 9, 2013

There's no way of re-skinning the browsers native HTML5 video controls. However, you can omit them completely (by removing the controls attribute), and implement your own controls using HTML, CSS and the HTML video API (good reference here).

There's a guide here which will get you started.

Related questions

Streaming via RTSP or RTP in HTML5

I'm building a web app that should play back an RTSP/RTP stream from a server http://lscube.org/projects/feng. Does the HTML5 video/audio tag support the rtsp or rtp? If not, what would the easiest solution be? …

Read More
HTML5 Video // Completely Hide Controls

How Could I completely hide HTML5 video controls? <video width="300" height="200" controls="false" autoplay="autoplay"> <source src="video/supercoolvideo.mp4" type="video/mp4" /> </video> false didn't work -- how is this done? Cheers.

Read More
changing source on html5 video tag

i'm trying to build a video player, that works everywhere. so far i'd be going with: <video> <source src="video.mp4"></source> <source src="video.ogv"></source> <object data="…

Read More