Video by MarionBlack
Added Apr 29, 2020
 
Author MarionBlack
2014
2
47
Premium
Ambassador
Rank 47
Unfollow

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.

Join the Discussion
Write something…
Recent messages
SL77 Premium
Do you like using Elementor? I found that it took longer to get my posts up and I'd always get caught up spending my time on design rather than content. Because it's not just cut and paste or hitting a publish button with Elementor. Also, I found it slowed the loading of my pictures and dragged my site speed down.

I liked having all the design options with Elementor, but have found using regular WordPress and a good theme is quicker, less bulky, and fewer plug-ins. I'm interested in your response.

Thank you- Sabrina
Reply
MarionBlack Premium
There are many things that can slow down your site, Sabrina. I haven't experienced any speed issues with Elementor.

Use whatever tools you're comfortable with. If it's not broken then don't fix it 😉
Reply
Jim-Bo Premium
Excellent, Marion. Thanks for this tutorial.
Reply
MarionBlack Premium
Always a pleasure, Jimbo. Thanks for popping in.
Reply
MichalB Premium
Great - very useful.

Thanks lot Marion.
Reply
MarionBlack Premium
You're always welcome, Michal.
Reply
MinaKim Premium
This is very helpful. Thank you Marion.
But, I have a question, is it true that Elementor slows down your site?

I'm actually using it but just for my homepage. And yes I observed that my loading time is actually slow, when I check my SiteSpeed.

The reason I ask is that, probably I'm doing it wrong.
Reply
MarionBlack Premium
There are many, many things that can slow down a website, Mina. If your site is taking longer than 3 seconds to load then use the question box at the top of the page and look for training on how to improve site speed.
https://tools.pingdom.com/#5c726a7188c00000
Reply
StevenWong Premium
Thank you Marion. Very useful!
Reply
MarionBlack Premium
It's a pleasure, Steven.
Reply
Top