How to add a video player to Gutenberg editor

Product:

Wonder Video Embed

Tutorial:

This tutorial will guide you how to add a video player in the new WordPress Gutenberg editor by using the plugin Wonder Video Embed.

Step 1 - Install Wonder Video Embed

First please install the plugin Wonder Video Embed. It's a free plugin. To install the plugin, in your WordPress backend, goto left menu Plugins -> Add Plugins, search "Wonder Video Embed", install and activate it.

You can view the following quick start YouTube video for how to use the plugin to create an HTML5 video player in classic editor: How to add video into a WordPress post or page

For help document of the plugin, please view Wonder Video Embed Help Document.

Step 2 - Add a Classic block in Gutenberg editor

In Gutenberg editor, click the plus icon, then select Formatting -> Classic block.

Step 3 - In the classic editor toolbar, click the Video button