Video Gallery Widget allows showcasing YouTube & Vimeo videos with 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 UAEL settings. (?)
To add 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
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
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?