embed video in Elementor

How to embed video in Elementor

Do you want to embed video on Elementor website? Here in this article, we will guide you to embed video in your Elementor website.

Adding video to your website is a great way to improve your website appearance. Videos on your website can also benefit you with your SEO. Adding a video to an Elementor website is very easy. Elementor has its own video widget that can easily embed videos. But you need to use video on your website in a proper way. Adding videos to your website you need to consider many things as videos take more space. Using too many spaces can make your website slow that can slow your website.

Embed video in Elementor

First, open up a page with Elementor editor where you want to add the video and then click on the plus icon to add a section.

Now you need o to choose the column for the section. For our video, we will select 1 column section.

Now from the left dashboard search for the video widget, drag the widget, and drop it in your created section.

It will add the video widget to your web page. By default, Elementor will add a YouTube video. Now from the source menu, you can select the video source as –

  • YouTube
  • Vimeo
  • Daily Motion
  • Self-hosted

Select the source and then add the link of the video to display. You can also set the start time and end time of the video. Now from the Video Options menu you can enable or disable the autoplay, mute, and loop option. You can also disable or enable the player controls, modest branding, lazyload features.

video widget in Elementor

Image Overlay

Enable the image overlay option and add a thumbnail image for the video. You can also set the image size too for the video thumbnail.

video widget in Elementor

 

Now move on to the style tab from there set the video aspect ratio and CSS filters. Add play icon size, color and shadow.

That’s it! You have successfully added a video to your web pages.

Wrapping Up

We hope this article will help you. You can see our other articles to learn How to create custom shapes in Elementor with the Spacer widget

How to create section templates in Elementor

How to create icon-only buttons in Elementor

If you like this article please like our Facebook page to stay connected.

Leave a Reply

Your email address will not be published. Required fields are marked *