See this widget in action here.
Want to present a series of videos in a compact, navigable playlist? The Video Playlist widget in aThemes Addons lets you showcase YouTube, Vimeo, or self-hosted videos with a side navigation panel, thumbnails, and durations for each entry.
In this guide, we’ll walk you through how to activate, configure, and style the Video Playlist widget in aThemes Addons.
Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor. For premium widgets, ensure aThemes Addons Pro is also installed and active. This widget requires aThemes Addons Pro.
Activating the Video Playlist Widget
To enable the Video Playlist widget, go to your WordPress dashboard and navigate to aThemes Addons » Widgets. Find Video Playlist and toggle it on.
Once enabled, open any page in the Elementor editor, search for Video Playlist, and drag it onto your page.
Configuring the Playlist
Playlist Configuration
- Playlist Name – Set the name of your playlist.
- HTML Tag – Choose the HTML tag for the playlist name (H1, H2, etc.).
Playlist Items
- Video Type – Choose between YouTube, Vimeo, or self-hosted.
- Video URL – Add the link for YouTube or Vimeo videos.
- Image – Upload a thumbnail image for each video.
- Title – Provide a title for each video.
- Duration – Specify the duration of each video.
Playlist Settings
- Height – Adjust the height of the playlist area.
- Navigation Width – Customize the width of the navigation panel.
- Navigation Position – Place the navigation on the left or right.
- Play Icon – Select an icon for the play button.
- Icon Visibility – Show the play icon on hover or always.
Styling the Playlist
Wrapper
- Background – Change the background color of the playlist.
- Padding and Margin – Adjust spacing around the playlist.
- Border and Border Radius – Add and customize borders.
- Box Shadow – Apply shadow effects for a polished look.
Navigation
- Padding – Adjust spacing inside the navigation panel.
- Background – Customize the background of the navigation area.
- Image Dimensions – Set the width, height, and border radius for video thumbnails.
- Typography – Customize fonts and colors for titles and durations.
- Item States – Define styles for normal, hover, and active states.
Frequently Asked Questions
Below, we’ve answered some of the most common questions about the Video Playlist widget.
Can I mix YouTube, Vimeo, and self-hosted videos in the same playlist?
Yes. Each playlist item has its own Video Type setting, so you can combine sources freely.
Can I place the navigation panel on the right instead of the left?
Yes. Use the Navigation Position setting to switch the panel to either side.
What’s the difference between the Video Playlist and Video Gallery widgets?
The playlist plays one video at a time with a side navigation list, while the gallery shows all videos in a filterable grid.
That’s it! You’ve successfully built a video playlist on your WordPress site using the aThemes Addons Video Playlist widget.
Next, would you like to open a video in a lightbox instead of on the page? Check out our guide on Using the Video Popup Widget to learn more.
