Video Gallery Widget allows showcasing YouTube, Vimeo & Wistia videos with an innovative optimization technique. With this widget, you can add a number of videos to the page without sacrificing page speed.
Below are the key points for the Video Gallery Widget –
- Loading Time Optimization
- Filterable Video Gallery
- Grid / Carousel Layout
- Easy Video Sorting & Ordering
- Different Styles for Play Button
- Ability to Play Videos in Lightbox or Inline
- Custom Thumbnail and Thumbnail overlay effects
- Ability to Add and Style the Video Caption
Before getting started, make sure to enable widget from UAE settings. (?)
To add a video to the gallery, select Video Type and enter a valid URL. Below is the example for valid and invalid URLs.
For YouTube video –
✔ Valid link: https://www.youtube.com/watch?v=aqz-KE-bpKQ&t=3s
✖ Invalid link: https://youtu.be/aqz-KE-bpKQ
For Vimeo video –
✔ Valid Link: https://vimeo.com/274860274
✖ Invalid Link: https://vimeo.com/channels/staffpicks/274860274
For Wistia Video –
To get the Wistia video’s link you will need to go to your Wistia video, right-click on it and choose the last option of “Copy Link and Thumbnail”. Now copy the same and paste it in the Link & Thumbnail field.
Note: If you change the thumbnail or link from the respective Wistia’s video, make sure you paste the Link & Thumbnail text in this field again here.
Loading Time Optimization
This widget uses the same optimization technique that is introduced for Video Widget. Widget embeds the thumbnail image of the YouTube/ Vimeo video instead of the actual video. This See how this technique works?
Filterable Video Gallery
This feature allows categorizing videos. It displays all video categories with Filterable Tabs. Clicking on the tab will display video assigned to the respective category. Videos will display with a default shuffling animation. Read how to design a filterable video gallery? You can display specific category tab as a default on page load.
You can add Title for Filterable Tab. That will describe more about the filterable tabs and video gallery.
Enable Title for Filterable Tab option and enter a title. You can customize the title under Style ( tab ) > Title.
Grid / Carousel Layout
Display all videos on a page with Grid layout or display them in a nice slider with Carousel. Choose the best layout to make your gallery look stunning.
Easy Video Sorting & Ordering
After adding videos to the list you can reorder them with simple drag and drop. Videos can be sort by categories with Filterable Video Gallery option.
Different Styles for Play Button
The setting can be found under Style (tab) > Play Button.
Play Button can be set as Image or Icon.
- Choose an appropriate image from the Media Libary.
- Hover Animation option adds a cool look to the play button.
- Select an icon from the drop down
- You can set a normal and hover color, text shadow for the icon.
- Hover Animation option is available under the HOVER tab.
Ability to Play Videos in Lightbox or Inline
The inline option will play video in the video layout itself. While the lightbox option will play video in a nice popup.
Custom Thumbnail for Video
You can set a nice thumbnail image for the video that will display before playing a video.
The setting can be found under Gallery > Edit the Video > Custom Thumbnail
Adjust the Overlay Color. See How to Set Overlay Color on the Video Thumbnail on Mouse Hover?
Ability to Add and Style the Video Caption
A caption will add short descriptive worlds about a video. You can display them on video hover. See How to add and style the video Caption?
Self Hosted Video Option
From the Ultimate Addons for Elementor v1.29.1 we introduce this option. Which lets you display the videos right from your Media Library or external sources with just a few clicks.
Key Features –
Newly added option for self-hosted video type –
- External URL: Insert an external URL of the video
- Choose File: If there’s no External video link of the video you can select an existing video file from the Media Library.
- Select Image: It will act as a thumbnail image that will be displayed on the Video Gallery
You will simply need to select the Video Type as Self Hosted from the Previous options of Video Type like Wistia, YouTube, Vimeo.
Also, you have the option to set the Caption for the Video, display an Thumbnail Image and add Categories to this Video type too.