The “Video Playlist Widget” helps you to organize your videos in a thumb list style video gallery. You can use YouTube, Vimeo and Self hosted videos and add a custom cover image for each video. A lot of customization options are available to create exactly the look you want for your Elementor page. It also supports advanced options like Remote Connection and Syncing with other widgets.
Let’s look at each of the options in the “Video Playlist Widget” below.
Install Video Playlist Widget for Elementor #
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Video Playlist”
- Hover over the widget in the search results and click install
- Add your “Video Playlist” widget to any Elementor Page
General Settings #
Gallery Height
Set the video gallery height.
Layout
Select the desired layout.
- Thumb+ Title + Description
- Title + Description
- Title Only
- Top Title + Description
- Bottom Title + Description
Autoplay Video
Video will play automatically, when turned on.
Play Next Video
Next video will automatically plays when the current video ends.
Gallery List Buttons
Show/Hide the gallery list buttons.
Strip Panel Starts Closed on Mobile
Strip panel will be hidden at start on mobile device.
Hide Panel Button Always On
It will hide the panel button.
Strip Panel Mouse Hover Navigation
It will turn on the navigation on strip panel on mouse hover.
Connected Widgets Settings #
Enable Remote Connection
Use remote control widgets to create advanced creative layouts.
Widget Name for Connection
This name will be used to connect and controls this widget by other widgets.
Sync
You can connect two item-based widgets and sync them.
Sync Group
Choose the same group for two or more item-based widgets so they can sync together.
Items Settings #
Title
Type text to show as title.
Thumb Image
Choose an image to display as thumbnail.
Video Source
Select the video source.
- Youtube
- Vimeo
- Self Hosted
- Wistia
Video Id
Type or Paste the video id.
Video Description
Type the video description.
Video Playlist Widget Styling #
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Panel Styling #
In this section, set the panel background, width, and padding.
Video Item Styling #
You can set the item padding, spacing, background, border, and opacity.
Thumbnail Styling #
Set the thumbnail width, height, play button size, gap, and border.
Title Styling #
Here, you can set the title typography, color, and color hover.
Description Styling #
You can set the description typography, color, color hover, and gap.
Video Player Styling #
Set the video player padding, and player background.
Usage Examples #
Here are some live use cases for the Video Playlist Widget
