How to add a video player to WordPress block editor (Gutenberg editor)

Product:

Wonder Video Embed

Tutorial:

This tutorial will guide you how to add a video player in the new WordPress block editor (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