Make Your Videos Pop With Elementor

Marion here from Marion Black Online.

In this video you’re going to learn how to make your YouTube videos pop using the free Elementor plugin.

In your WordPress website go to Plugins > Add New and search for Elementor. Install and Activate.

So let’s start with a new post. I’m using GeneratePress theme on this site.

Now we’ll launch Elementor.

Add an Inner Section (I don’t know why they call it “Inner Section”, it’s just columns.

Drag and drop a Text Editor element into the first column and a Video element into the second column. Or the other way round, whichever you prefer.

Replace the dummy text with your own words.

Now we’ll add the video from YouTube. You could use one from Vimeo, Daily Motion, or even a self-hosted video. But I don’t recommend uploading your videos in WordPress as they can slow down your site’s loading speed.

Replace the placeholder link with the link you get from the Share option under the video.

If you need to adjust the start and/or end time you can do that here.

OK let’s go through the Video Options. There’s no much point in using Autoplay as most browsers don’t allow it, especially on mobile devices. Use Mute or Loop only if you really need them. They’re pretty much part of the Autoplay option so if you’re not using that then there’s not much point in using Mute or Loop.

There’s an option to hide Player Controls but use that with caution. I don’t like videos that I can’t control.

Modest Branding hides the YouTube logo so I definitely recommend that. Privacy Mode is something nice you can do for your website videos if you think that Google and YouTube are too nosy.

And Suggested Videos are best kept to your own channel if you’re embedding your own videos.

Now let’s add the Image Overlay. This is where you make your video pop. Upload your image or select it from the Media Library.

Now turn on the Lightbox.

Let’s add some style and pizazz. Click the Style tab.

If you need to you can play around with the Aspect Ratio for an odd size video. Mostly you’ll just want to leave it at 16:9 which is the default setting.

Change the colour of the Play Icon. #ff0000 is red but you can choose any colour you want. And the size is adjustable too.

There’s even an option to add a shadow to the Play Icon.

Now we can style the Light Box. If you want to fiddle around there’s quite a few options. Personally, I like the default settings as they make the video the center of attention.

Let’s check out the page in action. Use the Eye icon to preview your page. Click on the video and admire your handiwork.

Pretty cool, huh?

Now you know how to make your YouTube videos pop using Elementor’s video lightbox.

More of my Videos and Tutorials

As always I'm here to help you,

If you found this video helpful please share the love. Click the Like button (if you do), ask a question, share something, or leave a comment below.