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
