PoseLab

WARNING: The name of some Shortcode options has changed since version 2
Show a YouTube video and a gallery of thumbnails for a YouTube user channel.
<h4>Demo:</h4>
You can see a demo of the plugin in the following URLs:
<ul>
<li><a href="http://poselab.com/en/youtube-channel-gallery/" rel="nofollow ugc">Widget Demo</a> | <a href="http://poselab.com/youtube-channel-gallery" rel="nofollow ugc">ES</a></li>
<li><a href="http://poselab.com/en/youtube-channel-gallery-demo-only-with-thumbnails/" rel="nofollow ugc">Demo only with thumbnails</a> | <a href="http://poselab.com/youtube-channel-gallery-demo-solo-con-miniaturas" rel="nofollow ugc">ES</a></li>
<li><a href="http://poselab.com/en/youtube-channel-gallery-demo-with-the-title-description-and-thumbnail-shown-at-the-top/" rel="nofollow ugc">Demo with title and description and thumbnail at top</a> | <a href="http://poselab.com/youtube-channel-gallery-demo-con-titulo-y-descripcion-y-miniatura-arriba" rel="nofollow ugc">ES</a></li>
<li><a href="http://poselab.com/en/youtube-channel-gallery-demo-with-the-title-and-thumbnail-at-the-top/" rel="nofollow ugc">Demo with title and thumbnail at top</a> | <a href="http://poselab.com/youtube-channel-gallery-demo-con-titulo-y-miniatura-arriba" rel="nofollow ugc">Demo with title and thumbnail at top</a></li>
<li><a href="http://poselab.com/en/youtube-channel-gallery-demo-with-title-description-and-thumbnail-on-the-left/" rel="nofollow ugc">Demo with title and description and thumbnail on the left</a> | <a href="http://poselab.com/youtube-channel-gallery-demo-con-titulo-y-descripcion-y-miniatura-a-la-izquierda" rel="nofollow ugc">ES</a></li>
<li><a href="http://poselab.com/en/youtube-channel-gallery-demo-with-title-and-thumbnail-at-the-bottom/" rel="nofollow ugc">Demo with title and thumbnail at bottom</a> | <a href="http://poselab.com/youtube-channel-gallery-demo-con-titulo-y-miniatura-abajo" rel="nofollow ugc">ES</a></li>
<li><a href="http://poselab.com/en/youtube-channel-gallery-demo-with-playlist/" rel="nofollow ugc">Demo with playlist</a> | <a href="http://poselab.com/youtube-channel-gallery-demo-con-lista-de-reproduccion/" rel="nofollow ugc">ES</a></li>
</ul>
<h4>Features:</h4>
<ul>
<li>Display latest thumbnail videos from YouTube user channel playlist.</li>
<li>When you click on one of the thumbnails the video plays on player.</li>
<li>This plugin uses the YouTube IFrame player API that allows YouTube to serve an HTML5 player, rather than a Flash player, for mobile devices that do not support Flash.</li>
<li>YouTube Data API v3.</li>
<li>You can choose to use this plugin as a widget or as a shortcode.</li>
<li>You can use multiple instances of the plugin on the same page.</li>
</ul>
<h4>Widget fields:</h4>
Description of the different fields of the plugin:
<ul>
<li>Title: Widget Title.</li>
</ul>
Feed tab:
<ul>
<li>
Key: You must insert your own API key. The API key inserted is an example and if you do not change the API key for yours you may receive an error message of exceeded quota. This is necessary in version 3 of the YouTube API, <a href="https://developers.google.com/youtube/registering_an_application" rel="nofollow ugc">Obtaining authorization credentials</a>. Shortcode attribute: key; value: API key. (Required).
</li>
<li>
Video feed type: option to select the feed type to use to show videos. You can select Uploaded by a user, User’s favorites, User’s likes or Playlist. Shortcode attribute: feed; value: user (default), favorites, likes or playlist. (Optional).
</li>
<li>
Identify by: option to select the type you want id to use to identify your channel, your user name or id channel. Shortcode attribute: identify_by; value: username (default) or channelid. (Optional).
</li>
<li>
YouTube user id or playlist id: the user id of the user’s Youtube videos you want to show or the id of the playlist. Shortcode attribute: user; value: String. (Required).
</li>
<li>
Order: this option appears if you select “Uploaded by a user” as Video feed type. Shortcode attribute: feed_order; value: date (default), rating, relevance, title, videoCount or viewCount. (Optional).
<ul>
<li>date: Resources are sorted in reverse chronological order based on the date they were created.</li>
<li>rating: Resources are sorted from highest to lowest rating.</li>
<li>relevance: Resources are sorted based on their relevance to the search query. This is the default value for this parameter.</li>
<li>title: Resources are sorted alphabetically by title.</li>
<li>videoCount: Channels are sorted in descending order of their number of uploaded videos.</li>
<li>viewCount: Resources are sorted from highest to lowest number of views.</li>
</ul>
</li>
<li>
Cache time (hours): Hours that RSS data is saved in database, to not make a request every time the page is displayed. Assign this value according to how often you upgrade your playlist in YouTube. Shortcode attribute: cache_time; value: Number. (Optional).
</li>
<li>
Activate cache: If you disable this field the cache will be deleted and will not be used. This is useful to refresh immediately the YouTube RSS used by the plugin. Reenable the cache when the gallery shows the changes you made in your YouTube account. Shortcode attribute: cache; values: 0(default) or 1 . (Optional).
</li>
</ul>
Player tab:
<ul>
<li>
Player: select where you want to play the video. Shortcode attribute: player; values: 0, 1 (default) or 2. (Optional).
<ul>
<li>Without player: When you click on thumbnails they will go to the YouTube video page.</li>
<li>Show player: Youtube player will be shown and when you click on a thumbnail the video will start playing on this player.</li>
<li>Magnific Popup: Youtube player will not be shown and when you click on a thumbnail a <a href="http://dimsemenov.com/plugins/magnific-popup/" rel="nofollow ugc">modal window</a> will appear and the video will begin playing in it.</li>
</ul>
</li>
<li>
Width: Width of player. Shortcode attribute:** width_value; values: Number. 100 (default). (Optional).
</li>
<li>
Width dimensions: dimension of player width. Shortcode attribute: width_type; values: % (default) or px. (Optional).
</li>
<li>
Aspect ratio: indicates the proportions of the player, standard (4:3) or widescreen (16:9) format. Shortcode attribute: ratio; values: 4×3 or 16×9 (default). (Optional).
</li>
<li>
Theme: display player controls (like a ‘play’ button or volume control) within a dark or light control bar. Shortcode attribute: theme; values: dark (default) or light. (Optional).
</li>
<li>
Progress bar color: specifies the color that will be used in the player’s video progress bar to highlight the amount of the video that the viewer has already seen. Shortcode attribute: color; values: red (default) or white. (Optional).
</li>
<li>
Video quality: sets the suggested video quality for the videos. The suggested quality parameter value can be small, medium, large, hd720, hd1080, highres or default. YouTube recommend that you set the parameter value to default, which instructs YouTube to select the most appropriate playback quality, which will vary for different users, videos, systems and other playback conditions. If you set suggested quality level that is not available for the video, then the quality will be set to the next lowest level that is available. Shortcode attribute: quality; values: small, medium, large, hd720, hd1080, highres or default (default). (Optional).
</li>
<li>
Autoplay: automatically play the initial video when the player loads. Shortcode attribute: autoplay; values: 0 (default) or 1. (Optional).
</li>
<li>
Show YouTube logo: Activate this field to show the YouTube logo in the control bar. Setting the color parameter to white will show the YouTube logo in the control bar. Shortcode attribute: modestbranding; values: 0 (default) or 1. (Optional).
</li>
<li>
Show related videos: this parameter indicates whether the player should show related videos when playback of the initial video ends. Shortcode attribute: rel; values: 0 (default) or 1. (Optional).
</li>
<li>
Show info (title, uploader): display information like the video title and rating before the video starts playing. Shortcode attribute: showinfo; values: 0 (default) or 1. (Optional).
</li>
<li>
Show title: it displays the title of the player. Shortcode attribute: player_title; values: 0 (default) or 1. (Optional).
</li>
<li>
Show published date: it shows the date of the video of the player in the format set in the General Settings of WordPress. Shortcode attribute: player_published_date; values: 0 (default) or 1. (Optional).
</li>
<li>
Show description: it shows the description of the video of the player. Shortcode attribute: player_description; values: 0 (default) or 1. (Optional).
</li>
<li>
Title tag: select an appropriate tag for the title of the video of the player. Shortcode attribute: player_title_tag; values: h1, h2, h3 (default), h4, h5, h6. (Optional).
</li>
<li>
Description words number: the maximum number of words displayed in the description of the video of the player. Shortcode attribute: player_description_words_number; value: Number. (Optional).
</li>
<li>
Tab order: order of player. Shortcode attribute: player_order; values: Number. 1 (default). (Optional).
</li>
</ul>
Search tab:
<ul>
<li>
Search input text: The text to be displayed on the search input to search in the youtube account. Shortcode attribute: search_input_text; values: String. Search… (default). (Optional).
</li>
<li>
Show search box: select where you want to play the video. Shortcode attribute: search_input_show; values: 0, 1 (default) or 2. (Optional).
</li>
<li>
Tab order: order of Search tab. Shortcode attribute: thumb_order; values: Number. 2 (default). (Optional).
</li>
</ul>
Thumbnails tab:
<ul>
<li>
Number of videos to show: it must be a number indicating the number of thumbnails to be displayed for each page. Shortcode attribute: maxitems; value: Number. (Optional).
</li>
<li>
Thumbnail resolution: indicates the resolution of thumbnails Default (120×90 px), Medium (320×180), High (480×360). Shortcode attribute: thumb_width; value: Number. 320 (default). (Optional).
</li>
<li>
Aspect ratio: indicates the proportions of the thumbnails, standard (4:3) or widescreen (16:9) format. Shortcode attribute: thumb_ratio; values: 4×3 or 16×9 (default). (Optional).
</li>
<li>
Thumbnail columns: it allows to control the number of columns in which the thumbnails are distributed. It uses <a href="http://getbootstrap.com/css/#grid" rel="nofollow ugc">Bootstrap Grid system</a> to allow responsive behavior. Shortcode attribute: thumb_columns_phones (Phones), thumb_columns_tablets (Tablets), thumb_columns_md (Medium Desktops), thumb_columns_ld (Large Desktops); value: Number. Max value 12. (Optional).
</li>
<li>
Show duration: it displays the duration of each video. Shortcode attribute: duration; values: 0 (default) or 1. (Optional).
</li>
<li>
Show title: it displays the title of the thumbnail with a link to play the video in the player. Shortcode attribute: title; values: 0 (default) or 1. (Optional).
</li>
<li>
Show published date: it shows the date of the video in the format set in the General Settings of WordPress . Shortcode attribute: published_date; values: 0 (default) or 1. (Optional).
</li>
<li>
Show description: it shows the description of the thumbnail with the number of specified words. Shortcode attribute: description; values: 0 (default) or 1. (Optional).
</li>
<li>
Title tag: select an appropriate tag for the title. Shortcode attribute: title_tag; values: h1, h2, h3, h4, h5 (default), h6. (Optional).
</li>
<li>
Description words number: the maximum number of words displayed in the description. Shortcode attribute: description_words_number; value: Number. (Optional).
</li>
<li>
Thumbnail alignment: it defines the alignment of the thumbnail respect to its description and title. Shortcode attribute: thumbnail_alignment; values: none (default), left, right. (Optional).
</li>
<li>
Thumbnail alignment width: this option will be displayed if the alignment Thumbnail option is set as left or right. It is used to assign a relative size to thumbnails. Shortcode attribute: thumbnail_alignment_width; values: extra_small, small, half (default), large, extra_large. (Optional).
</li>
<li>
Minimum size with alignment: it is useful to only use the alignment from a selected size. For example, if you do not want to use alignment on mobile devices, so that the thumbnails are not visible too small, you can select tablets option. Shortcode attribute: thumbnail_alignment_device; values: all (default), tablets, medium, large. (Optional).
</li>
<li>
Add “nofollow” attribute to links: “nofollow” attribute provides a way for webmasters to tell search engines “Don’t follow this specific link”. Shortcode attribute: nofollow; values: 0 (default) or 1. (Optional).
</li>
<li>
Open in a new window or tab: this option only appears if you select to use the gallery without player. Thumbnails links will open in a new window or tab. Shortcode attribute: thumb_window; values: 0 (default) or 1. (Optional).
</li>
<li>
Show pagination: It shows a simple pagination with Next and Previous buttons, and information of page number and total pages. Take into account the warning from google: “Please note that the value is an approximation and may not represent an exact value. In addition, the maximum value is 1,000,000”. I have observed that this value does not work properly on Youtube accounts with many videos. Shortcode attribute: thumb_pagination; values: 0 or 1 (default). (Optional).
</li>
<li>
Thumbnail content tab order: order of elements of Thumbnail content tab. Default order: Thumbnail, Title, Published date, Description. Shortcode attributes: thumb_order_thumb, thumb_order_title, thumb_order_publishedAt, thumb_order_desc; values: Number. (Optional).
</li>
<li>
Tab 0rder: order of Thumbnails tab. Shortcode attribute: thumb_order; values: Number. 3 (default). (Optional).
</li>
</ul>
Link tab:
<ul>
<li>
Link text: field to customize the text of the link to the gallery on YouTube. Shortcode attribute: link_tx; value: String. (Optional).
</li>
<li>
Show link to channel: option to display a link to the YouTube user channel. Shortcode attribute: link; values: 0 (default) or 1. (Optional).
</li>
<li>
Open in a new window or tab: option to open the link to YouTube in a new window or tab . Shortcode attribute: link_window; values: 0 (default) or 1. (Optional).
</li>
<li>
Show link to thank the developer: option to add a small link to home page of the developer . Shortcode attribute: promotion; values: 0 or 1 (default). (Optional).
</li>
<li>
Tab 0rder: order of Link tab. Shortcode attribute: link_order; values: Number. 4 (default). (Optional).
</li>
</ul>
<h4>Shortcode syntax:</h4>
Example of shortcode use, remember to change your_Google_API_key for your own. Look at the <a href="http://poselab.com/en/youtube-channel-gallery-help" rel="nofollow ugc">help</a>:
<pre><code>[Youtube_Channel_Gallery user="googledevelopers" key="your_Google_API_key" maxitems="16" thumb_columns_tablets="4" title="1"]
</code></pre>
<h4>Languages:</h4>
<ul>
<li>Brazilian portuguese (pt_BR) – <a href="http://www.lojainterativa.com" rel="nofollow ugc">lojainterativa.com</a>.</li>
<li>Italian (it_IT) – <a href="https://profiles.wordpress.org/milmor" rel="nofollow ugc">Marco Milesi</a>.</li>
<li>Norwegian bokmål (nb_NO) – Harald Fjogstad</li>
<li>Serbo-Croatian (sr_RS) – <a href="http://webhostinggeeks.com" rel="nofollow ugc">WebHostingGeeks.com</a></li>
<li>Spanish (es_ES) – <a href="http://poselab.com/" rel="nofollow ugc">PoseLab</a></li>
</ul>
If you have created your own language pack, or have an update of an existing one, you can <a href="mailto:javier@poselab.com" rel="nofollow ugc">send me</a> your gettext PO and MO so that I can bundle it into the Youtube Channel Gallery.

Youtube Channel Gallery

Show a YouTube video and a gallery of thumbnails for a YouTube channel.

sdaweb

rstake

SDAweb Channels for YouTube is a lightweight, privacy-friendly way to showcase YouTube content on your WordPress site. Add any number of public YouTube channels and display their videos using shortcodes or a Gutenberg block. Videos are cached locally so visitor page views consume zero API quota.
<h4>Layouts & Playback</h4>
<ul>
<li>Grid — Responsive multi-column grid (1–4 columns)</li>
<li>Tabs — Channel-tabbed interface with 3 navigation modes: scroll, wrapping pills, and avatar strip</li>
<li>Slider — Horizontal carousel with arrow navigation</li>
<li>Auto player (default) — Adapts to screen size: inline on desktop, lightbox on mobile phones</li>
<li>Lightbox player — Fullscreen overlay with keyboard shortcuts (arrow keys, Escape), swipe gestures, and prev/next navigation</li>
<li>Inline player — Play directly inside the video card with expand-to-lightbox</li>
<li>Link mode — Opens videos on YouTube in a new tab</li>
<li>Avatar strip — Compact row of channel avatars with labeled names and smart truncation</li>
<li>Mobile bottom sheet — Touch-optimized player with swipe-to-dismiss</li>
<li>Landscape mobile — Optimized layouts: horizontal cards for live streams, 2-column grid for regular content</li>
</ul>
<h4>Live & Upcoming Streams</h4>
<ul>
<li>Automatic detection of live broadcasts and scheduled upcoming streams</li>
<li>Smart sort order: live streams first, then all streams sorted by proximity to the current time — the most relevant broadcasts always appear first</li>
<li>Dedicated <code>[sdawchfo_live]</code> shortcode for live and upcoming content</li>
<li>Live badge with concurrent viewer count and pulse animation</li>
<li>Upcoming badge with scheduled start time countdown</li>
<li>Toggleable “Live now” and “Coming up” section headings</li>
<li>Stale guard: upcoming streams auto-expire after 6 hours, live after 24 hours — no stuck statuses</li>
<li>5-minute background polling keeps live status current (1-minute with Broadcast Boost)</li>
<li>Live Broadcast Boost — configurable day/time window for 1-minute polling during scheduled broadcasts</li>
<li>Zero-quota RSS feed discovery catches scheduled broadcasts not in the uploads playlist</li>
<li>Live and upcoming streams are automatically excluded from regular shortcodes</li>
</ul>
<h4>Channel Management</h4>
<ul>
<li>Add channels by URL, handle (@username), or channel ID</li>
<li>Drag-and-drop reordering controls tab and section display order</li>
<li>Custom labels per channel for friendly display names</li>
<li>Automatic video caching with configurable 1–24 hour refresh intervals (up to 3 channels per cron run)</li>
<li>Manual refresh per channel or all channels at once</li>
<li>Import and export channels and settings as JSON</li>
</ul>
<h4>Shortcodes</h4>
Four shortcodes cover every use case:
<ul>
<li><code>[sdawchfo_channel]</code> — Videos from a single channel (by id, handle, or label)</li>
<li><code>[sdawchfo_channels]</code> — Multiple channels in grid, tabs, or slider layout</li>
<li><code>[sdawchfo_feed]</code> — Combined feed mixing videos from all channels</li>
<li><code>[sdawchfo_live]</code> — Live and upcoming streams with empty-state message</li>
</ul>
All shortcodes support these attributes: <code>count</code>, <code>columns</code>, <code>layout</code>, <code>sort</code>, <code>player</code>, <code>pagination</code>, <code>per_page</code>, <code>show_stats</code>, <code>show_duration</code>, <code>show_channel</code>, and <code>live_only</code>.
<h4>Additional Features</h4>
<ul>
<li>Gutenberg block with live preview and inspector controls</li>
<li>Shortcode builder in the admin dashboard — no coding required</li>
<li>Customizable frontend labels (26 strings) for full translation support</li>
<li>Customizable appearance: badge styles, button styles, tab colors, and time text colors with color pickers</li>
<li>Load More pagination with configurable batch size</li>
<li>Video stats: views, likes, duration, publish date</li>
<li>Detects and labels YouTube Shorts</li>
<li>Up to 100 videos per channel with automatic API pagination</li>
<li>Import/export for easy migration between sites</li>
<li>Tab navigation modes: scroll, wrapping pills, or avatar strip</li>
<li>REST API endpoints for custom and headless integrations</li>
<li>Server cron setup guidance in the admin settings</li>
<li>Channel name truncation setting for the avatar strip</li>
<li>Automatic cleanup of private and deleted videos from cache</li>
<li>Dark theme support via CSS custom property (–sdawchfo-card-bg)</li>
<li>Admin settings: tabbed Plugin Overview with 7 sections, quick-access links, and info tooltips explaining technical terms</li>
</ul>
<h4>Privacy & Performance</h4>
<ul>
<li>All video data is cached in your local database</li>
<li>Visitor page views make zero external API calls</li>
<li>No cookies are set and no visitor data is sent to third parties</li>
<li>YouTube embeds use the privacy-enhanced <code>youtube-nocookie.com</code> domain</li>
<li>YouTube embeds load only when a visitor clicks play</li>
<li>Lazy loading: thumbnail images load only when they scroll into view</li>
</ul>
<h3>Third-Party Services</h3>
<h4>YouTube Data API v3</h4>
This plugin connects to the YouTube Data API v3 to fetch channel information and video data. API calls are made server-side only when:
<ul>
<li>An admin adds or refreshes a channel</li>
<li>The scheduled cron refresh runs (configurable interval, default 6 hours)</li>
<li>The live status cron runs (every 5 minutes, or every 1 minute during a configured Broadcast Boost window)</li>
</ul>
No API calls are made during normal visitor page views — all data is served from the local cache.
<ul>
<li>Service provider: Google LLC</li>
<li>API endpoint: <code>https://www.googleapis.com/youtube/v3</code></li>
<li><a href="https://developers.google.com/youtube/terms/api-services-terms-of-service" rel="nofollow ugc">YouTube API Terms of Service</a></li>
<li><a href="https://policies.google.com/privacy" rel="nofollow ugc">Google Privacy Policy</a></li>
</ul>
A YouTube Data API v3 key is required. You can obtain one for free from the <a href="https://console.cloud.google.com/apis/credentials" rel="nofollow ugc">Google Cloud Console</a>.
<h4>YouTube RSS Feeds</h4>
This plugin fetches public YouTube RSS feeds (<code>https://www.youtube.com/feeds/videos.xml</code>) to discover recently published and scheduled videos. These requests are read-only, use no API quota, and contain only publicly available video IDs.
<ul>
<li>Service provider: Google LLC (YouTube)</li>
<li><a href="https://www.youtube.com/t/terms" rel="nofollow ugc">YouTube Terms of Service</a></li>
<li><a href="https://policies.google.com/privacy" rel="nofollow ugc">Google Privacy Policy</a></li>
</ul>
<h4>YouTube Embeds</h4>
When a visitor clicks play on a video, an iframe loads from YouTube’s privacy-enhanced domain (<code>youtube-nocookie.com</code>). No embed loads until the visitor initiates playback. No cookies are set by this domain.
<ul>
<li>Service provider: Google LLC (YouTube)</li>
<li><a href="https://www.youtube.com/t/terms" rel="nofollow ugc">YouTube Terms of Service</a></li>
<li><a href="https://policies.google.com/privacy" rel="nofollow ugc">Google Privacy Policy</a></li>
</ul>
<h4>YouTube IFrame Player API</h4>
When a visitor opens the lightbox player, the YouTube IFrame Player API script (<code>https://www.youtube.com/iframe_api</code>) is loaded to enable programmatic playback control (mute/unmute toggle). This script is only loaded when the lightbox is first opened — not on page load. No data is sent to YouTube beyond what the standard embed already transmits.
<ul>
<li>Service provider: Google LLC (YouTube)</li>
<li>API documentation: <a href="https://developers.google.com/youtube/iframe_api_reference" rel="nofollow ugc">YouTube IFrame Player API</a></li>
<li><a href="https://www.youtube.com/t/terms" rel="nofollow ugc">YouTube Terms of Service</a></li>
<li><a href="https://policies.google.com/privacy" rel="nofollow ugc">Google Privacy Policy</a></li>
</ul>

SDAweb Channels for YouTube

Display YouTube channels with grids, tabs, sliders, live stream badges, and lightbox playback.

Youtube Channel Gallery vs SDAweb Channels for YouTube