How can I customize the video control panel style?


(singhoi) #1

Hi There,

I wondering that how can I change the style of video control panel? thank you.

(Hans-Gerd Claßen) #2

no chance except also scripting the whole functionality too (or of course using an external library).

may be switching to vimeo, or youtube is an option for you …


That interface, which appears when using the <video> element, is part of the browser’s code, so as @h_classen mentioned, you’ll need to dig into a custom video player. Each browser has a different ‘chrome’ surrounding videos.

(Mark Hunte) #4

Here is one example ( approach ).

I ported this example into hype so none of the coding is mine… :smiley:

But it should suffice to give you an idea. You can google html custom video controller also. (1.1 MB)

And obviously you can simply add the control elements with pure hype and control with similar Javascript

(singhoi) #5

Thanks MarkHunte, But I have some problems.

1.) I can’t see the video name on the timeline, so how I can do that?
2.) when I export your file into Html5, I also can’t see the video file.
3.) when I import my video, how can I use the coding to control it???

Thanks for your helping.