Videos not only increase engagement but also provide a lot of value to the content. It is a key factor for Search Engine rankings. The Video Player widget comes with powerful options to showcase your Youtube, Vimeo and Self-hosted videos in style.
How to use the Video Player Widget of The Plus Addons For Elementor
The Video Player widget is very easy to use. Let’s understand how to use this widget in the tutorial below.
Search for the Video Player Widget from the Elementor screen in the left and then drag and drop it into the content building area.
After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to this widget. First, click on the Content tab.
Specify the source of the videos you want to be displayed. The three options are Youtube, Vimeo, and Self Hosted.
Mp4 Video Link/Youtube ID/Vimeo ID
Add the link for the self-hosted video or enter IDs for Youtube and Vimeo videos.
Slide right to enable Auto-play.
Slide right to the mute video.
Slide right to play the video on a loop.
Slide right to show video controls. I.e. play, pause
Slide right to show video information.
Video Touch Disable
Slide right to enable Video Touch Disable.
Slide right to enable Modest Branding.
Slide right to show suggested Videos.
When you turn on privacy mode, YouTube won’t store information about visitors on your website unless they play the video.
Only Icon/ Full Banner
You can either choose to showcase either a banner or an icon.
Choose the Image for the Icon.
Specify the Image Size here.
Set the Icon Alignment here.
The Style tab is used for customizing the appearance of all the Video Player widget components. Let’s understand each of these customization options.
Set the Video Style, Border Type, Border Radius, Box Shadow, and Transform effect for the video here.
Set Animation Style, Animation Duration, and Size of the Icon here.
On Scroll View Animation
On Scroll View Animation Options are used to set beautiful animations to your sections. They are a common option for almost all the widgets. So, we have written a detailed tutorial explaining how to use these options.
View On Scroll View Animation Tutorial