See this widget in action here.
The Video Playlist Widget is perfect for organizing and showcasing multiple videos in a clean and functional playlist format. It supports YouTube, Vimeo, and self-hosted videos, offering full customization of the layout, navigation, and style.
Activate the Widget
This widget is part of the aThemes Addons for Elementor plugin. To activate it:
- Navigate to the aThemes Addons dashboard in your WordPress admin area.
- Search for the Video Playlist widget.
- Toggle the switch to activate it. The widget will now be available in the Elementor editor.
Widget Options
Playlist Configuration
- Playlist Name: Set the name of your playlist.
- HTML Tag: Choose the HTML tag for the playlist name (e.g., H1, H2).
Playlist Items
- Video Type: Choose between YouTube, Vimeo, or self-hosted videos.
- Video URL: Add the link for your 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: Choose the navigation position (left or right).
- Play Icon: Select an icon for the play button.
- Icon Visibility: Set whether the play icon is visible on hover or always.
Style Settings
Wrapper
- Background: Change the background color of the playlist.
- Padding & Margin: Adjust spacing around the playlist.
- Border & Border Radius: Add and customize borders.
- Box Shadow: Apply shadow effects for a sleek design.
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 the fonts and colors for titles and durations.
- Item States: Define styles for normal, hover, and active states.
Conclusion
The Video Playlist Widget is ideal for displaying a series of videos in an interactive and organized format. With its customization options, you can design an engaging experience for your viewers.