Add YouTube Video to WordPress Pages & Posts with Elementor

Add YouTube Video To WordPress Pages & Posts with Elementor Video Widget

Do you want to learn how to add a YouTube video to WordPress pages and posts with Elementor?  In this tutorial I will show you exactly how to do that!

You can use any video from YouTube and embed it to your page or post within a couple of seconds.

Table of Contents

Embed YouTube video to WordPress with Elementor

To give you an example, I have just picked a random post that I have created already on my website.

Over here you can see I have added a video and it’s a video to my own YouTube channel.

Embedded YouTube video for WordPress with Elementor

Now let me show you how to add a YouTube video with Elementor and I’ll also explain the settings that are available.

In this tutorial I have explained all the Elementor basics for beginners.

Drag Elementor video widget to canvas

First you need to open the Elementor editor and go to the widgets overview.

Click on the video widget and drag it on the canvas.

Drag Elementor video widget to canvas

The video widget is available with the free version of Elementor so you don’t need to have the pro upgrade to use this.

By default, this video will be loaded and that’s because by default this link is set and that’s just a video uploaded by the Elementor YouTube channel.

Default settings for Elementor video widget

Paste URL of video in the link field

Now you just need to add a URL for another YouTube video and past it in the link field.

Paste URL of video to embed

Elementor video widget settings

Now let me walk you through the settings.

The first option that you have over here in the content tab is the Source option. By default, it’s set to YouTube.  You can also select another source, for example like Vimeo, Dailymotion or you can select a self-hosted source.

Another setting you have is the start time and the end time. You can use this to play a specific part of the video.

You can also select the Autoplay option. By default, it’s switched off, but if you enable this then the video will play automatically after the page has been loaded.

If you prefer you can enable the Mute the option to turn off the volume.

With the Loop option enable the video will play repeatedly.

Elementor video widget settings 1

I would recommend you use the Lazy load option. And that’s because with this turned on it will improve the speed score of your website into Google speed test.

Below that you have the suggested videos option and by default it’s set to current video channel.

Another option you have is the Image overlay. You can enable this and then select any image from the media library and then it will display the image instead of the thumbnail of the video.

Elementor video widget settings 2

How to change size of Elementor video widget

The last thing I want to show you is how to adjust the size of the video as it’s been displayed on the canvas. To change the size, you need to go to the Advanced option and adjust the margin or padding settings.

Now the video widget fills up the complete space in the column. But if I want to make the video smaller then I can do that by using the Margin option.

First click on the paper clip icon to set the values of all the fields individually.

Now go to the field Right and add for example 150 pixels. You can also do that for the left side to make to video smaller.

Elementor video widget settings 3

Now let me show you how the video is displayed on the tablet view.

Video widget tablet view

And here is how it looks like on the mobile view.

Video widget mobile view

This is how you can add a YouTube video to WordPress with Elementor.

I hope you found this tutorial helpful.

You can watch the video on YouTube over here.

Make sure to subscribe to the YouTube channel, I would appreciate that very much!