{"id":33744,"date":"2025-08-26T14:48:02","date_gmt":"2025-08-26T14:48:02","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=features&#038;p=33744"},"modified":"2025-08-26T14:49:23","modified_gmt":"2025-08-26T14:49:23","slug":"video-playlist-widget-overview","status":"publish","type":"features","link":"https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/","title":{"rendered":"Video Playlist Widget"},"content":{"rendered":"\n<p>The <a href=\"https:\/\/crocoblock.com\/plugins\/jetblog\/\"><em>JetBlog<\/em><\/a> plugin for Elementor displays different types of content (custom WP Queries, custom post types, and archive templates).&nbsp; It contains six widgets: <a href=\"https:\/\/crocoblock.com\/widgets\/video-playlist\/\"><strong>Video Playlist<\/strong><\/a>, <strong>Posts Pagination<\/strong>, <strong>Posts Navigation<\/strong>, <a href=\"https:\/\/crocoblock.com\/widgets\/text-ticker\/\"><strong>Text Ticker<\/strong><\/a>, <a href=\"https:\/\/crocoblock.com\/widgets\/smart-posts-tiles\/\"><strong>Smart Posts Tiles<\/strong><\/a>, and <a href=\"https:\/\/crocoblock.com\/widgets\/smart-posts-listing\/\"><strong>Smart Posts List<\/strong><\/a>.<\/p>\n\n\n\n<p>The <strong>Video Playlist<\/strong> 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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"activation-of-the-video-playlist-widget\">Activation of the Video Playlist Widget<\/h2>\n\n\n\n<p>The <strong>Video Playlist<\/strong> widget can be activated on the <strong><em>WordPress Dashboard > Crocoblock > JetPlugins Settings > JetBlog > Available Widgets <\/em><\/strong>tab.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">The number of activated widgets may impact the website performance, so only the required ones should be enabled.<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-activation.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-activation.webp\" alt=\"video playlist widget activation\" class=\"wp-image-49264\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-activation.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-activation-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-activation-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-activation-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-activation-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-activation-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adding-the-video-playlist-widget-to-a-page\">Adding the Video Playlist Widget to a Page<\/h2>\n\n\n\n<p>The <strong>Video Playlist<\/strong> widget can be placed on a page, post, or template in the Elementor editor.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-in-elementor.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-in-elementor.webp\" alt=\"video playlist widget in elementor\" class=\"wp-image-49265\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-in-elementor.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-in-elementor-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-in-elementor-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-in-elementor-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-in-elementor-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-in-elementor-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"video-playlist-items-source\">Video Playlist Items Source<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The <strong>Items<\/strong> settings tab of the widget contains the <strong>Source <\/strong>dropdown with three options.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">The Google API key should be set to correctly get data for YouTube videos. The API key can be created on the <a href=\"https:\/\/console.developers.google.com\/apis\/dashboard\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Google Developers Console APIs Dashboard<\/strong><\/a>.<\/p><\/div><\/div>\n\n\n\n<p>The created key should be pasted in the <strong><em>WordPress Dashboard > Crocoblock > JetPlugins Settings > JetBlog > <\/em><\/strong><a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/jetblog-dashboard-overview\/#general-settings\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>General Settings<\/em><\/strong><\/a><strong><em> > YouTube API Key <\/em><\/strong>field.<\/p>\n\n\n\n<figure class=\"wp-block-image text-center size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"584\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-source.webp\" alt=\"video playlist widget source\" class=\"wp-image-49267\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-source.webp 340w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-source-175x300.webp 175w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"custom-video-list\">Custom Video List<\/h3>\n\n\n\n<p>The \u201cCustom Video List\u201d option allows adding a list of custom video items manually. More items can be added by clicking the \u201c<strong>+ Add Item<\/strong>\u201d button.<\/p>\n\n\n\n<p>Unrolling the item\u2019s tab reveals such options:<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/custom-video-list-item-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/custom-video-list-item-settings.webp\" alt=\"custom video list item settings\" class=\"wp-image-49262\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/custom-video-list-item-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/custom-video-list-item-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/custom-video-list-item-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/custom-video-list-item-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/custom-video-list-item-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/custom-video-list-item-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Title<\/strong> \u2014 a text field for manually entering the video title. If it\u2019s empty, the system will automatically fetch the title from the video source (YouTube\/Vimeo) \u2014 requires a valid API key. Also, it can be filled in using the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tags-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetEngine<\/em><\/a><em> <\/em><a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tags-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Tags<\/strong><\/a>;<\/li>\n\n\n\n<li><strong>URL<\/strong> \u2014 a required field for the video link. Supports YouTube or Vimeo video URLs and <em>JetEngine<\/em> <strong>Dynamic Tags<\/strong>;<\/li>\n\n\n\n<li><strong>Start Time (in seconds)<\/strong> \u2014 optional numeric field to define when the video should start playing. Time should be entered in seconds (e.g., \u201c30\u201d will start the video at 00:30);<\/li>\n\n\n\n<li><strong>Custom Thumbnail<\/strong> \u2014 allows uploading a custom thumbnail image for the video. The &#8220;<strong>+<\/strong>&#8221; 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 <em>JetEngine<\/em> <strong>Dynamic Tags<\/strong>. If the thumbnail image is set, the <strong>Thumbnail Size<\/strong> dropdown will appear.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"youtube-channel-or-playlist\">YouTube Channel or Playlist<\/h3>\n\n\n\n<p>If selected, the \u201cYouTube Channel or Playlist\u201d option allows specifying a YouTube channel or playlist URL. A link can be added via manual input or dynamic output using the <em>JetEngine<\/em><strong> Dynamic Tags<\/strong> to the <strong>Source URL<\/strong> field. Also, the <strong>Number of videos<\/strong> can be defined.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-youtube-channel-or-playlist-source.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-youtube-channel-or-playlist-source.webp\" alt=\"video playlist widget youtube channel or playlist source\" class=\"wp-image-49269\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-youtube-channel-or-playlist-source.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-youtube-channel-or-playlist-source-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-youtube-channel-or-playlist-source-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-youtube-channel-or-playlist-source-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-youtube-channel-or-playlist-source-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-youtube-channel-or-playlist-source-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"repeater-field\">Repeater Field<\/h3>\n\n\n\n<p>The \u201cRepeater Field\u201d option allows displaying videos from the custom \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/#repeater\" target=\"_blank\" rel=\"noreferrer noopener\">Repeater<\/a>\u201d meta field created with the <em>JetEngine<\/em> or <em>ACF<\/em> plugin.<\/p>\n\n\n\n<p>The widget with such a source should be placed on the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-template-in-elementor-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing template<\/strong><\/a> or Single page.<\/p>\n\n\n\n<p>For this source, such fields should be set:<\/p>\n\n\n\n<ul>\n<li><strong>Repeater Meta Name<\/strong> \u2014 for the \u201cRepeater\u201d meta field name;<\/li>\n\n\n\n<li><strong>URL Sub-Field Name<\/strong> \u2014 for the sub-field name containing the video URL;<\/li>\n\n\n\n<li><strong>Title Sub-Field Name<\/strong> \u2014 for the sub-field name containing the video title. This field can be left empty.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/repeater-field-source-for-the-video-playlist-widget.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/repeater-field-source-for-the-video-playlist-widget.webp\" alt=\"repeater field source for the video playlist widget\" class=\"wp-image-49263\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/repeater-field-source-for-the-video-playlist-widget.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/repeater-field-source-for-the-video-playlist-widget-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/repeater-field-source-for-the-video-playlist-widget-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/repeater-field-source-for-the-video-playlist-widget-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/repeater-field-source-for-the-video-playlist-widget-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/repeater-field-source-for-the-video-playlist-widget-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"video-playlist-settings\">Video Playlist Settings<\/h2>\n\n\n\n<p>The <strong>Settings<\/strong> tab of the <strong>Video Playlist<\/strong> widget contains such options:<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-settings.webp\" alt=\"video playlist widget settings\" class=\"wp-image-49266\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Playlist Height<\/strong> \u2014 a field to set the playlist height (for non-mobile devices);<\/li>\n\n\n\n<li><strong>Thumbnails Orientation<\/strong> \u2014 a dropdown to choose between \u201cVertical\u201d or \u201cHorizontal\u201d thumbnails;<\/li>\n\n\n\n<li><strong>Thumbnails Position<\/strong> \u2014 a dropdown to define whether thumbnails appear on the \u201cLeft\u201d or \u201cRight\u201d;<\/li>\n\n\n\n<li><strong>Thumbnails List Width (%)<\/strong> \u2014 a field to adjust the width of the thumbnails list (for non-mobile devices);<\/li>\n\n\n\n<li><strong>Show Thumbnails Heading<\/strong> \u2014 a toggle to display or hide the playlist heading;<\/li>\n\n\n\n<li><strong>Heading Text<\/strong> \u2014 a bar to customize the title text (e.g., \u201cVideo Playlist\u201d);<\/li>\n\n\n\n<li><strong>Heading Icon<\/strong> \u2014 a field that allows uploading an SVG file or selecting it from the <strong>Icon Library<\/strong> to display alongside the heading;<\/li>\n\n\n\n<li><strong>Show Videos Counter<\/strong> \u2014 a toggle to show the number of videos in the playlist;<\/li>\n\n\n\n<li><strong>Counter Suffix<\/strong> \u2014 a bar to add a suffix (e.g., \u201cvideos\u201d) after the counter;<\/li>\n\n\n\n<li><strong>Show Video Publication Date<\/strong> \u2014 a toggle to show\/hide the publication date of videos (requires an API key). It activates such options:\n<ul>\n<li><strong>Human Readable Date Diff<\/strong> \u2013 when enabled, replaces the exact date with a human-readable format such as \u201c3 days ago\u201d or \u201c2 months ago\u201d;<\/li>\n\n\n\n<li><strong>Date Format<\/strong> \u2013 defines the format of the displayed date, using WordPress\/PHP date formatting rules (e.g., F j, Y \u2192 August 18, 2025). More details can be found in the <a href=\"https:\/\/wordpress.org\/documentation\/article\/customize-date-and-time-format\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Customize date and time format<\/strong><\/a> article.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Show Item Number and Status<\/strong> \u2014 a toggle that, when activated, displays item numbering and playback status in the playlist;<\/li>\n\n\n\n<li><strong>Hide Index On Device<\/strong> \u2014 a field that allows hiding the index for selected devices (\u201cDesktop,\u201d \u201cTablet Portrait,\u201d or \u201cMobile Portrait\u201d);<\/li>\n\n\n\n<li><strong>Show Item Duration<\/strong> \u2014 a toggle that, when activated, displays the video duration in the playlist;<\/li>\n\n\n\n<li><strong>Hide Duration On Device <\/strong>\u2014 a field that allows hiding duration for selected devices (\u201cDesktop,\u201d \u201cTablet Portrait,\u201d or \u201cMobile Portrait\u201d);<\/li>\n\n\n\n<li><strong>Hide Thumbnail Image On Device<\/strong> \u2013 a field that allows hiding the video thumbnail for selected devices;<\/li>\n\n\n\n<li><strong>Show Scroll Only on Hover<\/strong> \u2014 a toggle that, when activated, enables scroll visibility only when the user hovers over the playlist;<\/li>\n\n\n\n<li><strong>Disable Caching<\/strong> \u2014 a toggle that, when activated, forces the widget to fetch video data from the API on each load (not recommended except for debugging).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"style-settings\">Style Settings<\/h2>\n\n\n\n<p>The<strong> Style<\/strong> settings include the <strong>General Settings<\/strong>, <strong>Thumbnail Style<\/strong>, <strong>Thumbnail Numbers and Status Icons<\/strong>, and <strong>Scrollbar Styles<\/strong>. These settings style canvas, headings, thumbnails, wrappers, and scrollbars.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-style-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-style-settings.webp\" alt=\"video playlist widget style settings\" class=\"wp-image-49268\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-style-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-style-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-style-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-style-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-style-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-style-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>That&#8217;s all. Now you know how to use the <strong>Video Playlist<\/strong> widget of the <em>JetBlog<\/em> WordPress plugin to create and style video playlists from YouTube or Vimeo in Elementor.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to use the Video Playlist widget of the JetBlog WordPress plugin.<\/p>\n","protected":false},"author":8,"template":"","format":"standard","builder-category":[],"feature-category":[547],"article-category":[436],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Video Playlist Widget Overview \u2014 JetBlog | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to use the Video Playlist widget of the JetBlog WordPress plugin. Create and style video playlists from YouTube or Vimeo in Elementor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Video Playlist Widget Overview \u2014 JetBlog | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to use the Video Playlist widget of the JetBlog WordPress plugin. Create and style video playlists from YouTube or Vimeo in Elementor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-26T14:49:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-activation.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/\",\"name\":\"Video Playlist Widget Overview \u2014 JetBlog | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2025-08-26T14:48:02+00:00\",\"dateModified\":\"2025-08-26T14:49:23+00:00\",\"description\":\"Learn how to use the Video Playlist widget of the JetBlog WordPress plugin. Create and style video playlists from YouTube or Vimeo in Elementor.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Video Playlist Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Video Playlist Widget Overview \u2014 JetBlog | Crocoblock","description":"Learn how to use the Video Playlist widget of the JetBlog WordPress plugin. Create and style video playlists from YouTube or Vimeo in Elementor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/","og_locale":"en_US","og_type":"article","og_title":"Video Playlist Widget Overview \u2014 JetBlog | Crocoblock","og_description":"Learn how to use the Video Playlist widget of the JetBlog WordPress plugin. Create and style video playlists from YouTube or Vimeo in Elementor.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/","og_site_name":"Help Center","article_modified_time":"2025-08-26T14:49:23+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/01\/video-playlist-widget-activation.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/","name":"Video Playlist Widget Overview \u2014 JetBlog | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2025-08-26T14:48:02+00:00","dateModified":"2025-08-26T14:49:23+00:00","description":"Learn how to use the Video Playlist widget of the JetBlog WordPress plugin. Create and style video playlists from YouTube or Vimeo in Elementor.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/video-playlist-widget-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/crocoblock.com\/knowledge-base\/features\/"},{"@type":"ListItem","position":3,"name":"Video Playlist Widget"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features\/33744"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/features"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/8"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=33744"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=33744"},{"taxonomy":"feature-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/feature-category?post=33744"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=33744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}