Plyr – A simple HTML5 media player with custom controls

      

Plyr is a simple HTML5 media player with custom controls.Plyr is lightweight, accessible and customisable that just supports modern browsers.

Features:
  • Accessible – full support for captions and screen readers
  • Lightweight – just 4.8KB 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

    • html5-player

    Demo & Download

    Related

    About The Author

    Designbeep Staff

    Designbeep is a design blog dedicated to web developers,bloggers,designers and freelancers.Our aim is to share everything about web design,graphic design,tutorials and inspirational articles and more.