Plyr: A simple HTML5 media player with custom controls and WebVTT captions

Sam Potts let us know about a new HTML5 media player released by the Selz team.

The call it Plyr, and its feature list is impressive:

  • Accessible - full support for captions and screen readers.
  • Lightweight - just 4KB minified and gzipped.
  • Customisable - make the player look how you want with the markup you want.
  • Semantic - uses HTML5 form inputs for volume (range) and progress element for playback progress.
  • No dependencies - written in native JS.
  • API - easy to use API.
  • Fallback - if there's no support, the native players are used.
  • Fullscreen - options to run the player full browser or the user can toggle fullscreen.

Check out the demo to see the captioning in full effect. Thanks for the ping, Sam!

News Films

Our little film studio focuses on telling developer-centric stories that need to be seen.

Beyond Code: Season 3 / GopherCon 2015

 
0:00 / 0:00