/ video

HTML Video Player UI +Responsive

HTML Video Player UI +Responsive

HTML Video Player (+UI +Responsive)

HTML5 Video Player styled in CSS. Also spent a little bit of time to make a plugin for playing the video.

You can change the colours of the UI.

A video player ui written in CSS

Also spent a bit of time writing a jquery plugin to make the UI function, too.

I especially like the subtle animation when you hit the "replay" button as the movie ends.

  • It's responsive,
  • has left/right keyboard support when you've activated the seeker,
  • shift key increases skip time
  • dragging/clicking support for seeking,
    a custom loader animation
  • pretty sure it works in >= ie9

codepen demo

See the Pen HTML Video Player (+UI +Responsive) by Simon Goellner (@simeydotme) on CodePen.



A Nice collection of often useful examples done in HTML JavaScript CSS.

Read More