EDGARROJAS

<h4>Gutenberg Advance Video</h4>
This plugin adds a new video block to the Gutenberg editor with the following features:
** Drag and drop: Upload and add videos to your Page/Post by just dragging them to the editor. 
** Autoplay:Make your videos autoplay as soon as they are loaded 
** Loop: Repeat the video automatically when it is over. 
** Controls: Show/hide the video controls

Gutenberg Advance Video

Add more features to the video block like drag-and-drop, loop, autoplay and resize. **Requires at least Gutenberg v2.4

Jeet Saha

WPlyr is an easy-to-use Gutenberg block which implements <a href="https://plyr.io/" rel="nofollow ugc">Plyr</a> – A simple, lightweight and accessible HTML5, YouTube and Vimeo media player that supports modern browsers.
<h3>Demo</h3>
Visit the <a href="https://wplyr.wecodify.co/" rel="nofollow ugc">plugin demo</a> to see it in action.
<h3>Features</h3>
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.
Controls 
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.
Customization 
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. <code><input type="range"></code> for volume and <code><progress></code> for progress and well, <code><button></code>s for buttons. There’s no <code></code> or <code><a href="#"></code> button hacks.
Responsive 
Adapts to every and all resolutions and modern devices.
<h3>Browser Support</h3>
Safari ✓ 
Mobile Safari ✓¹ 
Firefox ✓ 
Chrome ✓ 
Opera ✓ 
Edge ✓ 
IE11 ✓²
<ol>
<li>Volume controls are also disabled as they are handled device wide.</li>
<li>Support extended via the use of polyfills.</li>
</ol>

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 suppor …

Gutenberg Advance Video vs WPlyr Media Block