This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

WPlyr Media Block


WPlyr is an easy-to-use Gutenberg block which implements Plyr – A simple, lightweight and accessible HTML5, YouTube and Vimeo media player that supports modern browsers.


Visit the plugin demo to see it in action.


Multi Formats
Support for the major formats, HTML Video & Audio, YouTube & Vimeo. HTML5 Video supports MP4, WebM and OGV formats and HTML5 Audio supports MP3, OGG and WAV formats.

Video Resolution
The HTML5 video player supports multiple resolution source selection and playback. Viewers can set the playback resolution on the fly from the player’s settings interface.

Easy Interface
The plugin combines all the features into a single Gutenberg block allowing you to change the source and output with just a couple of clicks.

Closed Captions
Full support for VTT captions and multiple caption tracks. Multi-lingual caption track is automatically selected from the viewer device’s default language.

10+ controls for the media player can be configured from the plugin’s setting interface. By default the player includes controls for speed, fast-forward/skip, volume, captions, duration, video resolution selection, picture-in-picture feature, fullscreen, airplay and download.

You can modify the player color from the plugin’s setting interface to match your website’s color scheme.

Clean HTML5
Uses the correct semantic 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.

Adapts to every and all resolutions and modern devices.

Browser Support

Safari ✓
Mobile Safari ✓¹
Firefox ✓
Chrome ✓
Opera ✓
Edge ✓
IE11 ✓²

  1. Volume controls are also disabled as they are handled device wide.
  2. Support extended via the use of polyfills.

Zrzuty ekranów

  • WPlyr Media Block - HTML5 Video settings
  • WPlyr Media Block - HTML5 Audio settings
  • WPlyr Media Block - Youtube settings
  • WPlyr Media Block - Vimeo settings
  • Gutenberg block preview
  • WPlyr Media Block - Plugin settings interface


  1. To install WPlyr Media Block, use the plugin manager in the WordPress administration. Go to Plugins » Add New and search for WPlyr Media Block.
  2. Click on Install Now.
  3. After the activation in the plugin manager, you can find WPlyr Media from the block addition interface. Just click it to get started!


Which browsers are currently supported?

WPlyr supports the last 2 versions of most modern browsers. For details, please refer to the browser support chart in the plugin description.


1 czerwca 2020
The idea is good, but there are several compatibility issues that need to be addressed for this plugin to be used in production environment.
Przeczytaj 3 recenzje

Kontrybutorzy i deweloperzy

„WPlyr Media Block” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.


Przetłumacz wtyczkę “WPlyr Media Block” na swój język.

Interesuje cię rozwój wtyczki?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.