How to Embed Video in Elementor

Want to embed video in elementor? Adding video content to your site is a great way to improve your site’s dwell time and time on page, which can have indirect benefits for your SEO. Elementor includes its own Video widget that makes it super easy to embed videos in your content.

Here, I will show you the easiest way to embed a video in Elementor so let’s get into it.

To get started, search and select the video widget from the menu bar on the left-hand side of your screen then drag and drop it in the selected area.

A window with the basic setting options will appear. Under the Content tab, It will give you many options to customize your widget. choose the source from four options:

  • YouTube
  • Vimeo
  • DailyMotion
  • Self-Hosted

Once you’ve made your selection, all you need to do is paste in the link to the video. Then, configure the other settings according to your preferences. For example, you can autoplay the video, disable the player controls and more.

Content

Video

Source: Select the source of the video. Choose between Youtube, Vimeo, Dailymotion, or Self Hosted (which includes hosting on external servers)

URL: Enter the URL of the video

Start / End Time: Set Start and End times for your video. Leave blank for the full-length video

Video Options

Autoplay: Slide to YES to automatically play the video on page load

Play on Mobile: This option only appears if Autoplay is set to Yes. Useful to allow iOS to autoplay the video.

Mute: Slide to YES to Mute the video

Loop: Slide to YES to Loop the video

Player Controls: Show or Hide the Player Controls, such as Play/Pause, Volume, etc.

Modest Branding: When Player Controls is set to YES, you can Hide the YouTube logo by sliding the Modest Branding slider to YES

Suggested Videos: Choose from “Current Video Channel” or “Any Video”

Privacy Mode: Slide ON or OFF. When ON, Youtube won’t store information about visitors on your website unless they play the video

Image Overlay

Image Overlay: Show or Hide an Image Overlay

Note: Using Image Overlay overrides Autoplay. Videos will not autoplay if an Image Overlay is set. 

If Image Overlay is set to Yes, the following options become available:

Image: Set your Image

Lazy Load: Defer loading of the video resources until the user clicks the Play button *

Image Size: Set your Image Size

Play Icon: Slide to YES to show a Play Icon

Lightbox: Slide ON to view the video in a Lightbox. Once ON, you will have to set an image

In the Style section, You can alter its aspect ratio. Finally, the Advanced section lets us add further customizations for margins, motion effects, borders, responsiveness, and more.

Alright! Now you know how to embed video in Elementor. We hope this guide has helped you.

Feel free to contact us if you need any help regarding this topic. Do let us know the topics you want us to cover in the comment section or reach out to us with your queries by clicking the contact form below