Plyr

Why?

We wanted a lightweight, accessible and customizable media player that supports modern browsers. Sure, there are many other players out there but we wanted to keep things simple, using the right elements for the job.

Features

• Accessible - full support for VTT captions and screen readers • Lightweight - under 10KB minified and gzipped • Customisable - make the player look how you want with the markup you want • Semantic - uses the right elements. <input type="range"> for volume and <progress> for progress and well, <button>s for buttons. There's no <span> or <a href="#"> button hacks • Responsive - as you'd expect these days • HTML Video & Audio - support for both formats • Embedded Video - support for YouTube and Vimeo video playback • API - toggle playback, volume, seeking, and more • Universal events - no messing around with Vimeo and YouTube APIs, all events are universal across formats • Fullscreen - supports native fullscreen with fallback to "full window" modes • i18n support - support for internationalization of controls • No dependencies - written in "vanilla" JavaScript, no jQuery required

Oh and yes, it works with Bootstrap.