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.
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.
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.
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.
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.
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.
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.
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.
Now let me show you how the video is displayed on the tablet view.
And here is how it looks like on the 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!