Video Playlist Widget Overview
Learn how to use the Video Playlist widget of the JetBlog WordPress plugin. Create and style video playlists from YouTube or Vimeo in Elementor.
The JetBlog plugin for Elementor displays different types of content (custom WP Queries, custom post types, and archive templates). It contains six widgets: Video Playlist, Posts Pagination, Posts Navigation, Text Ticker, Smart Posts Tiles, and Smart Posts List.
The Video Playlist widget allows choosing the source of videos; arranging them in a playlist with a custom number of videos; hiding or showing some data; displaying the playlist control, adjusting the width and the number of videos, changing the text and icon; styling some elements, and applying advanced settings.
Activation of the Video Playlist Widget
The Video Playlist widget can be activated on the WordPress Dashboard > Crocoblock > JetPlugins Settings > JetBlog > Available Widgets tab.
Adding the Video Playlist Widget to a Page
The Video Playlist widget can be placed on a page, post, or template in the Elementor editor.
Video Playlist Items Source
The Items settings tab of the widget contains the Source dropdown with three options.
The created key should be pasted in the WordPress Dashboard > Crocoblock > JetPlugins Settings > JetBlog > General Settings > YouTube API Key field.
Custom Video List
The “Custom Video List” option allows adding a list of custom video items manually. More items can be added by clicking the “+ Add Item” button.
Unrolling the item’s tab reveals such options:
- Title — a text field for manually entering the video title. If it’s empty, the system will automatically fetch the title from the video source (YouTube/Vimeo) — requires a valid API key. Also, it can be filled in using the JetEngine Dynamic Tags;
- URL — a required field for the video link. Supports YouTube or Vimeo video URLs and JetEngine Dynamic Tags;
- Start Time (in seconds) — optional numeric field to define when the video should start playing. Time should be entered in seconds (e.g., “30” will start the video at 00:30);
- Custom Thumbnail — allows uploading a custom thumbnail image for the video. The “+” icon should be clicked to select or upload an image from the media library. If not set, the default video thumbnail will be used (if retrievable via API). It also supports JetEngine Dynamic Tags. If the thumbnail image is set, the Thumbnail Size dropdown will appear.
YouTube Channel or Playlist
If selected, the “YouTube Channel or Playlist” option allows specifying a YouTube channel or playlist URL. A link can be added via manual input or dynamic output using the JetEngine Dynamic Tags to the Source URL field. Also, the Number of videos can be defined.
Repeater Field
The “Repeater Field” option allows displaying videos from the custom “Repeater” meta field created with the JetEngine or ACF plugin.
The widget with such a source should be placed on the Listing template or Single page.
For this source, such fields should be set:
- Repeater Meta Name — for the “Repeater” meta field name;
- URL Sub-Field Name — for the sub-field name containing the video URL;
- Title Sub-Field Name — for the sub-field name containing the video title. This field can be left empty.
Video Playlist Settings
The Settings tab of the Video Playlist widget contains such options:
- Playlist Height — a field to set the playlist height (for non-mobile devices);
- Thumbnails Orientation — a dropdown to choose between “Vertical” or “Horizontal” thumbnails;
- Thumbnails Position — a dropdown to define whether thumbnails appear on the “Left” or “Right”;
- Thumbnails List Width (%) — a field to adjust the width of the thumbnails list (for non-mobile devices);
- Show Thumbnails Heading — a toggle to display or hide the playlist heading;
- Heading Text — a bar to customize the title text (e.g., “Video Playlist”);
- Heading Icon — a field that allows uploading an SVG file or selecting it from the Icon Library to display alongside the heading;
- Show Videos Counter — a toggle to show the number of videos in the playlist;
- Counter Suffix — a bar to add a suffix (e.g., “videos”) after the counter;
- Show Video Publication Date — a toggle to show/hide the publication date of videos (requires an API key). It activates such options:
- Human Readable Date Diff – when enabled, replaces the exact date with a human-readable format such as “3 days ago” or “2 months ago”;
- Date Format – defines the format of the displayed date, using WordPress/PHP date formatting rules (e.g., F j, Y → August 18, 2025). More details can be found in the Customize date and time format article.
- Show Item Number and Status — a toggle that, when activated, displays item numbering and playback status in the playlist;
- Hide Index On Device — a field that allows hiding the index for selected devices (“Desktop,” “Tablet Portrait,” or “Mobile Portrait”);
- Show Item Duration — a toggle that, when activated, displays the video duration in the playlist;
- Hide Duration On Device — a field that allows hiding duration for selected devices (“Desktop,” “Tablet Portrait,” or “Mobile Portrait”);
- Hide Thumbnail Image On Device – a field that allows hiding the video thumbnail for selected devices;
- Show Scroll Only on Hover — a toggle that, when activated, enables scroll visibility only when the user hovers over the playlist;
- Disable Caching — a toggle that, when activated, forces the widget to fetch video data from the API on each load (not recommended except for debugging).
Style Settings
The Style settings include the General Settings, Thumbnail Style, Thumbnail Numbers and Status Icons, and Scrollbar Styles. These settings style canvas, headings, thumbnails, wrappers, and scrollbars.
That’s all. Now you know how to use the Video Playlist widget of the JetBlog WordPress plugin to create and style video playlists from YouTube or Vimeo in Elementor.