- 💵 Monetization - make money from your videos

- 📹 Streaming - support for hls.js, Shaka and dash.js streaming playback

- 🎛 API - toggle playback, volume, seeking, and more through a standardized API

- 🎤 Events - no messing around with Vimeo and YouTube APIs, all events are standardized across formats

- 🔎 Fullscreen - supports native fullscreen with fallback to "full window" modes

- ⌨️ Shortcuts - supports keyboard shortcuts

- 🖥 Picture-in-Picture - supports picture-in-picture mode

- 📱 Playsinline - supports the playsinline attribute

- 🏎 Speed controls - adjust speed on the fly

- 📖 Multiple captions - support for multiple caption tracks

- 🌎 i18n support - support for internationalization of controls

- 👌 Preview thumbnails - support for displaying preview thumbnails

- 🤟 No frameworks - written in "vanilla" ES6 JavaScript, no jQuery required

- 💁‍♀️ Sass - to include in your build processes

You can try Plyr in Codepen using our minimal templates: HTML5 video, HTML5 audio, YouTube, Vimeo. For Streaming we also have example integrations with: Dash.js, Hls.js and Shaka Player

Plyr extends upon the standard HTML5 media element markup so that's all you need for those types.

Note: The poster image should be specified using data-poster. This is to prevent it being downloaded twice. If you're sure the image will be cached, you can still use theposter attribute for true progressive enhancement.