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: 2.2
  • Last update: 2015-06-29 9:10am GMT
  • Downloads: 237,957

Features:

  • Display latest thumbnail videos from YouTube user channel playlist.
  • When you click on one of the thumbnails the video plays on player.
  • 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.
  • YouTube Data API v3.
  • 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:

  • 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, Obtaining authorization credentials. Shortcode attribute: key; value: API key. (Required).
  • Video feed type: option to select the feed type to use to show videos. Yo 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).
  • 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).
  • 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).
    • date: Resources are sorted in reverse chronological order based on the date they were created.
    • rating: Resources are sorted from highest to lowest rating.
    • relevance: Resources are sorted based on their relevance to the search query. This is the default value for this parameter.
    • title: Resources are sorted alphabetically by title.
    • videoCount: Channels are sorted in descending order of their number of uploaded videos.
    • viewCount: Resources are sorted from highest to lowest number of views.
  • 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).
  • 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).

Player tab:

  • Player: select where you want to play the video. Shortcode attribute: player; values: 0, 1 (default) or 2. (Optional).
    • Without player: When you click on thumbnails they will go to the YouTube video page.
    • Show player: Youtube player will be shown and when you click on a thumbnail the video will start playing on this player.
    • Magnific Popup: Youtube player will not be shown and when you click on a thumbnail a modal window will appear and the video will begin playing in it.
  • Width: Width of player. Shortcode attribute:** width_value; values: Number. 100 (default). (Optional).
  • Width dimensions: dimension of player width. Shortcode attribute: width_type; values: % (default) or px. (Optional).
  • 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).
  • 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 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).
  • 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).
  • Order: order of player. Shortcode attribute: player_order; values: Number. 1 (default). (Optional).

Thumbnails tab:

  • 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).
  • 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).
  • 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).
  • Thumbnail columns: it allows to control the number of columns in which the thumbnails are distributed. It uses Bootstrap Grid system 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).
  • 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).
  • Title tag: select an appropriate tag for the title. Shortcode attribute: title_tag; values: h1, h2, h3, h4, h5 (default), h6. (Optional).
  • Description words number: the maximum number of words displayed in the description. Shortcode attribute: description_words_number; value: Number. (Optional).
  • 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).
  • 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).
  • 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).
  • 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).
  • 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).
  • 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).

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).
  • 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).

Sintaxis de shortcode:

Example of shortcode use:

[Youtube_Channel_Gallery user="apple" maxitems="16" thumb_columns_phones="2" thumb_columns_tablets="4"] 
Tags: , ,

272 Comments on "Youtube Channel Gallery"

  1. Frank says:

    I have the same issue, but I found a solution on the WordPress Support Site:

    https://wordpress.org/support/topic/getting-no-longer-supported-video-from-youtube
    The answer 16 from David Swanson works great for me:

    http://www.cineglobe.de/trailer/

    I make this Shortcode:
    [Youtube_Channel_Gallery feed="playlist" user="UUCRUgT6BemL_rkbpvXeyQvw" videowidth="580" ratio="16x9" theme="light" color="white" autoplay="0" rel="0" showinfo="0" maxitems="16" thumbwidth="133" thumbratio="16x9" thumbcolumns="4" title="1" description="0" thumbnail_alignment="top" descriptionwordsnumber="6" link="0"]

  2. We too are having the same issue with the http://www.youtube.com/devicesupport problem and videos showing on our feed. Really don’t want to have to find a new plug-in, but am going to have to if there isn’t an update soon…just makes our site look back.
    Any idea when this will be released or what we can do in the meantime?
    thanks,
    Casey

  3. We too are having the same issue with the http://www.youtube.com/devicesupport problem and videos showing on our feed. I Need help. :(

    http://sxcx.com.br

    TKS!!!

  4. pan says:

    We too are having the same issue with the http://www.youtube.com/devicesupport problem and videos showing on our feed.
    Now None of Videos from YouTube Channel are showing in the Feed.
    it shows only Device problem support video.

  5. Kristof says:

    YouTube no longer supports their old API. Have you planned to upgrade your plug-in to the new API? https://support.google.com/youtube/answer/6098135?p=yt_devicesupport&hl=en&rd=1

  6. Bjorn says:

    Same here unfortunately. I hope you can update without too much of a hassle.

    Great plugin, cheers :)

  7. I am also having the same problem because of the YouTube updates. Any idea when a fix is coming out for this?
    Thanks!

  8. I am also having the same problem because of YouTube updates. Any idea when a fix for this is going to be released?

    Thanks!

  9. DriveFox says:

    portal.drivefox.ru
    Also the same problem who has found a way to fix it?

  10. DriveFox says:

    http://portal.drivefox.ru
    Also the same problem who has found a way to fix it?

  11. Jeffrey says:

    I notice the last post from Poselabs was jan 2013. Do they still exist? Is it possible somebody else can take over if Poselabs doesn’t or can’t do the work necessary to keep this very valuable pluggin alive.

  12. Guys, Even I faced problems of similar kind. However the plugin works if we are using the playlist option under Feeb Tab instead of a User.

    Try this it works. Please see the website right bar.

    Thank you,
    HCO.In

  13. John says:

    It still works with the new Youtube API. Just change: user=”playlist” and
    feed=…playlist-ID…

    [Youtube_Channel_Gallery user="playlist" feed="....here.comes.playlist-ID...." videowidth="580" ratio="16x9" theme="light" color="white" autoplay="0" rel="0" showinfo="0" maxitems="16" thumbwidth="133" thumbratio="16x9" thumbcolumns="3" title="1" description="0" thumbnail_alignment="top" descriptionwordsnumber="6"]

  14. Daniel says:

    The fix is only if you use playlists… if you want to use all videos of a youtube user, the plugin and the workaround fails…
    Any ideas?

  15. Kristof says:

    Hi,

    Thanks for the update on your plugin, which is great (or used to be, until YouTube changed its API). We were using the Playlist work-around on our clients websites in the meantime. I’m happy that the “easy” version is back. I updated on two sites and this is what happens:

    http://www.leder-maurer.de/maurer/videos-youtube-channel/

    It seems, that my shortcode settings an thumbnails are somehow being overwritten. This is my shortcode:

    [Youtube_Channel_Gallery feed="user" user="MaurerTragbar" feedorder="desc" videowidth="600" ratio="16x9" theme="light" color="white" quality="highres" autoplay="0" rel="0" showinfo="1" maxitems="12" thumbwidth="192" thumbratio="16x9" thumbcolumns="3" title="1" description="1" thumbnail_alignment="left" descriptionwordsnumber="4" link_window="0"]

    Thanks,

    Kristof

  16. Joaquín says:

    Buenos días,

    Desde la última versión, no funciona correctamente cuando tienes varias instancias del plugin en una misma página. Cuando pulsas sobre los videos de la segunda instancia, el video se reproduce en el reproductor de la primera instancia del plugin.

    Esto es un problema cuando tienes varias instancias del plugin en pestañas diferentes.

    ¿A alguien le ha pasado esto con la última versión?

    Un saludo!

    • PoseLab says:

      Gracias Joaquín, tengo el problema detectado y en unos días subiré una nueva versión con este problema solucionado y algunos otros. También algunas funcionalidades nuevas como paginación y búsquedas dentro del canal, etc.

  17. Hi,
    I have started to biuld a new news-website using your excellent YT Channel Gallery plugin. I see, some YT channels are not properely displayed. Espacially this one: Portal Telewizja Republika – ID: UCc282c_TN8xIba_Z6GaDnQw There are three observed issues:

    1. The channel ID is not recognized;
    2. The “order” setting (ascendnig/descending) for playlists does not work;
    3. In case of few YT galleries on the same page, video (after clicking any thubnail) is displayed always in the same played above the highest gallery.

    Please respond on my e-mail if possible.

  18. Adi Durai says:

    Hi,
    I have a small problem.
    I want to show 3 playlists on the same page, with 3 different players, the problem is that when i press a thumbnail from the playlist number 2 or 3, it’s played on the first player, from playlist 1.
    here is the page: ovidiusstudio.ro/galerie-video
    Any advice?

  19. an.t.k says:

    Hi? many thanks to your great plugin. I have some problem, in my short code. Maxitems parameter not works correctly. It’s limitted 50.

    [Youtube_Channel_Gallery feed="playlist" user="PLyHJeVMBVSUs0zh-fkeRijBTRJuXpfd9L" videowidth="1080" ratio="16x9" theme="light" color="white" autoplay="1" rel="0" showinfo="0" maxitems="500" thumb_width="277" thumb_ratio="16x9" thumb_columns_ld="4" title="1" description="0" promotion="0" pagination_show="0" description_words_number="6" link="0" thumb_order="1"]

    thanks.

  20. PoseLab says:

    Hi Andrew Aversa

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

Leave a comment