WordPress For Non-Techies: Free WordPress Tutorials – WPCompendium.org

Video Block

WordPress Gutenberg Blocks – Video

This tutorial is part of our WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users series.

***

Video Block Description

The Video Block lets you upload and embed a video on your site from your media library or external URL.

(Add Videos to WordPress using the Video Block)

How To Use The Video Block

To add a Video Block:

Let’s go through the above steps:

First, create a new post or page or open an existing post or page and either:

Click on the ‘Add Block’ tool and select a ‘Video’ block …

(‘Add Block’ Tool – Add Video Block)

Or, select a Video Block in the Content Area

(Add a Video Block from the Content Area)

After adding a Video Block, you can add a video:

Add A Video Using Drag & Drop

To add a video using drag and drop:

(Add a video to WordPress using drag and drop)

Add A Video Using Your Web Browser Uploader

To add a video using your web browser uploader:

Let’s go through the above steps:

First, click on the ‘Upload’ button in the Video Block …

(Upload Video button)

This will bring up the ‘Upload Media’ window on your browser. Select a video from your media folder and click on ‘Open’ to import the video into the Video Block and add it to your post/page …

(Upload a video)

Add A Video From Your Media Library

To add a video from your media library:

Let’s go through the above steps:

Hover your cursor over the Video Block and click on the ‘Media Library’ button …

(Media Library upload button)

Select a video from your media library (or upload one from your media files folder) and click on the ‘Select’ button …

(Upload an video from the Media Library)

The video will be imported to your Video Block and added to your post or page …

(Video added)

Add A Video From An External URL

You can add a video to your post or page from an external URL.

To add a video from an external URL:

Let’s go through the above process.

After uploading your video to your storage location and copying its URL, hover your cursor over the Video Block and click on ‘Insert from URL’ …

(Insert video from URL)

Paste the video URL into the URL field and click ‘Apply’ to add the video into your post or page …

(Insert video from URL)

Add A Video From A Supported Embedding Format

You can add a video from a supported embedding format (e.g. a YouTube video).

To add a video from a supported embedding format:

(Paste in a video URL)

After adding videos:

How To Edit A Video Block

To edit a Video Block:

(Edit a Video Block)

Remember to update and publish your post or page to save your settings.

How To Remove A Video Block

To remove or delete a video block:

(Remove a Video Block)

Additionally …

Video Block Tools, Options & Settings

The Video Block includes tools, options, and settings for:

Video Block Editor

(Video Block Editor)

The Video Block Editor includes tools that let you perform the following operations:

(Video Block Editor)

Video Block Settings

(Video Block Settings)

Video Block settings include:

(Video Block Settings)

Video Block – Additional Info

The Video Block can be converted into the following block types:

(Change Block Type – Video Block)

Additionally:

Installing plugins or themes on your site may add new functionality, options, or settings to Video Blocks.

***

Congratulations! Now you know how to use the WordPress Gutenberg content editor Video Block.

***

"This is an awesome training series. I have a pretty good understanding of WordPress already, but this is helping me to move somewhere from intermediate to advanced user!" - Kim Lednum

Stock video by Videezy