Youtube Channel Gallery

The ’Youtube Channel Gallery‘ plugin shows a video and a thumbnail gallery, which are played on the player of a YouTube user.

Demos:

  • Current version: 1.8.7
  • Last update: 2014-03-13
  • Downloads: 166,054

Features:

  • Display latest thumbnail videos from YouTube user channel or playlist.
  • When you click on one of the thumbnails the video plays at the top.
  • 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.
  • You can choose to use this plugin as a widget or as a shortcode.
  • You can use multiple instances of the plugin on the same page.

Widget fields:

Youtube Channel GalleryDescription of the different fields of the plugin:

  • Title: Widget Title.
Feed tab:
  • Video feed type: option to select the feed type to use to show videos. Yo can select uploaded by the user or playlist. Shortcode attribute: feed; value: user (default) or playlist. (Optional).
  • YouTube user id/YouTube 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).
  • Playlist order: this option appears if you selected playlist as Video feed type. You can show videos in a playlist by ascending or descending order. Shortcode attribute: feedorder; value: asc (default) or desc. (Optional).

Player tab:

  • Video width: indicates the width of the video player. Shortcode attribute: videowidth; value: Number. (Optional).
  • Aspect ratio: indicates the proportions of the player, standard (4:3) or widescreen (16:9) format. Shortcode attribute:** ratio; values: 4×3 (default) or 16×9. (Optional).
  • 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).
  • 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).
  • 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).
  • Autoplay: automatically play the initial video when the player loads. Shortcode attribute: autoplay; values: 0 (default) or 1. (Optional).
  • 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).
  • 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).
Thumbnails tab:
  • Number of videos to show: it must be a number indicating the number of thumbnails to be displayed. Shortcode attribute: maxitems; value: Number. (Optional).
  • Thumbnail width: indicates the width of the thumbnails. The height is automatically generated based on the aspect ratio selected. Shortcode attribute: thumbwidth; value: Number. (Optional).
  • Aspect ratio: indicates the proportions of the thumbnails, standard (4:3) or widescreen (16:9) format. Shortcode attribute: thumbratio; values: 4×3 (default) or 16×9. (Optional).
  • Thumbnail columns: it allows to control the number of columns in which the thumbnails are distributed. Shortcode attribute: thumbcolumns; value: Number. (Optional).
  • 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).
  • Show description: it shows the description of the thumbnail with the number of specified words. Shortcode attribute: description; values: 0 (default) or 1. (Optional).
  • Thumbnail alignment: it defines the alignment of the thumbnail respect to its description and title. Shortcode attribute: thumbnail_alignment; values: left (default), right, top or bottom. (Optional).
  • Description words number: the maximum number of words displayed in the description. Shortcode attribute: descriptionwordsnumber; value: Number. (Optional).
Link tab:
  • Link text: field to customize the text of the link to the gallery on YouTube. Shortcode attribute: link_tx; value: String. (Optional).
  • Show link to channel: option to display a link to the youtube user channel. Shortcode attribute: link; values: 0 (default) or 1. (Optional).
  • 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).

Sintaxis de shortcode:

In the following example are all attributes that can be used with the shortcode and explained above:

[Youtube_Channel_Gallery feed="user" user="MaxonC4D" feedorder="desc" videowidth="500" ratio="16x9" theme="light" color="white" quality="small" autoplay="1" rel="1" showinfo="1" maxitems="9" thumbwidth="90" thumbratio="16x9" thumbcolumns="3" title="1" description="1" thumbnail_alignment="left" descriptionwordsnumber="10" link_window="0"] 
Tags: , ,

221 Comments on "Youtube Channel Gallery"

  1. André Santiago says:

    Sensacional plugin, muito obrigado!

  2. David says:

    Is it possible to Have a short-code that doesn’t show the Player at all. Just the thumbnails?
    I will appreciate your response.
    Thanks

  3. Tobias says:

    Great plugin!

    The only problem I have is that the thumbnails are extremely blurry when I use the plugin in a widget (they are fine when I use shortcode). You can check out the difference between the “Home” and “Videos” pages are Thefitblog.com.

    Is there any way to fix this?

  4. lsadfe says:

    what about videos titles. good widget but useless without titles

  5. I like the idea of the plugin, it doesn’t play playlist though, it only plays the first video. Is there a future of playing the playlist?

  6. GREAT plugin; thanks!!! :-)

  7. WONDERFUL plugin; thanks!!! I’m trying to get a version of the playlist in chronological order (showing a few of the OLDEST videos in the thumbnails, but when I use either feedorder=”asc” or feedorder=”desc” in the shortcode, I get the same 2 (most recent) videos. Any suggestions? I’m trying both the widget (top) and shortcode (as a text widget) on this page:

    http://www.acimblog.com/

    … with this shortcode in the 2nd (text) widget area:

    [Youtube_Channel_Gallery feed="user" user="FndtnACIM" feedorder="desc" ratio="4x3" theme="dark" color="red" quality="default" autoplay="0" rel="1" showinfo="1" maxitems="2" thumbratio="4x3" thumbcolumns="2" title="1" description="0" thumbnail_alignment="left" thumbwidth="118" descriptionwordsnumber="10" link_tx="more highly recommended FACIM videos" link="1" link_window="1"]

    • … a quick P.S. … Is there a practical limit to the maxitems parameter set by YouTube? I set that parameter to 222, since the current count on the channel I want to show is about 205 videos. Here’s the test page:

      http://www.acimblog.com/facim-videos/

      and I see 50 videos (very nicely formatted with your nifty plugin, BTW!) … but alas the other 155 aren’t showing up, even though I used this shortcode:

      [Youtube_Channel_Gallery feed="user" user="FndtnACIM" feedorder="desc" ratio="4x3" theme="dark" color="red" quality="default" autoplay="0" rel="1" showinfo="1" maxitems="222" thumbratio="4x3" thumbcolumns="5" title="1" description="0" thumbnail_alignment="left" thumbwidth="118" descriptionwordsnumber="10" link_tx="more highly recommended FACIM videos" link="1" link_window="1"]

      Please advise… and MANY thanks in advance! :-)

  8. Harold says:

    I have a problem with the plugin on the iPad. Everything is working fine but when I click on 2nd thumbnail on the iPad The player turns black but not playing the video.

    When I first start to play the player, then I can switch between video’s.

    Some on an idea?

  9. Jeff Cate says:

    Hi,

    I’ve noticed that the videos work fine with HTTPS, but the thumbnails get fetched with HTTP. That causes a browser warning. Since Google just announced that HTTPS is going to be the preferred protocol for search engine optimization of sites, would it be possible for you to enhance the plugin to make sure all elements it loads on a page get loaded with HTTPS if the video URL is specified with HTTPS?

    Thanks.

  10. That is really fascinating, You’re an overly skilled blogger.
    I’ve joined your rss feed and look forward to in the hunt for extra
    of your wonderful post. Additionally, I have shared your site in my
    social networks

  11. PoseLab says:

    Hi Andrew Aversa

    Could you send me a url where I can see the plugin working?

Leave a comment