Youtube Channel Gallery

El plugin ‘Youtube Channel Gallery‘ muestra un vídeo y una galería de miniaturas, que se reproducen en el reproductor, de un canal de usuario de Youtube.

Demos:

  • Versión actual: 2.2.2
  • Última actualización: 2015-07-18 10:34am GMT
  • Descargas: 254.837

Características:

  • Muestra las miniaturas de los últimos vídeos de un canal de usuario de Youtube.
  • Cuando se pulsa en una de las miniaturas el vídeo se reproduce el correspondiente vídeo en el reproductor superior.
  • El plugin usa el YouTube IFrame player API, lo cual permite a Youtube servir el player en formato HTML5 en lugar de en formato Flash para poder ser utilizado en dispositivos móviles. En el sidebar de esta página puede verse un ejemplo del plugin funcionando. El plugin se puede descargar desde la web de WordPress.
  • YouTube Data API v3.
  • Se puede usar el plugin como un widget o un shortcode.
  • Se pueden usar múltiples instancias del plugin en la misma página, para mostrar diferentes canales de Youtube.

Campos del widget:

Descripción de los diferentes campos del plugin:

  • Título: título del widget.

Pestaña Feed:

  • Key: Tienes que insertar tu propia API key. La API key insertada es un ejemplo y si no cambias la API key por la tuya puedes recibir un mensaje de cuota excedida. Esto es necesario en la versión 3 de YouTube API, obteniendo las credenciales de autorización. Shortcode atributo: key; valor: API key. (Obligatorio).
  • Tipo de feed de vídeo: opción para seleccionar el tipo de feed a usar para mostrar los vídeos. Puedes seleccionar Subidos por el usuario, Favoritos del usuario, Likes de usuario or Lista de resproducción. Shortcode atributo: feed; valor: user (por defecto), favorites, likes o playlist. (Opcional).
  • Nombre de usuario de YouTube: el nombre de usuario de los vídeos de YouTube que se quieren mostrar o el id de la lista de reproducción. Shortcode atributo: user; valor: texto. (Obligatorio).
  • Orden de lista de reproducción: Esta opción aparece sólo si seleccionas “Subidos por el usuario” en Tipo de feed de vídeo. Shortcode atributo: feed_order; valor: date (por defecto), rating, relevance, title, videoCount or viewCount. (Opcional).
    • date: Los recursos se ordenan en forma cronológica inversa, según la fecha en que se crearon.
    • rating: Los recursos se ordenan de mayor a menor calificación.
    • relevance: Los recursos se ordenan según su relevancia para la consulta de búsqueda. Este es el valor predeterminado de este parámetro.
    • title: Los recursos se ordenan alfabéticamente por título.
    • videoCount: Los canales se ordenan en forma descendente, según el número de videos subidos.
    • viewCount: Los recursos se ordenan de mayor a menor, según el número de reproducciones.
  • Tiempo de cache (horas): Horas que los datos del RSS data se mantienen guardados en la base de datos, para no hacer una petición cada vez que se visualiza la página. Asignar este valor en función de la frecuencia con que se actualiza tu canal de YouTube. Shortcode attribute: cache_time; value: Number. (Optional).
  • Activar cache: Si desactivas este campo el cache será eliminado y no será usado. Esto es útil para refrescar inmediatamente el RSS de YouTube usado por el plugin. Vuelve a activar la cache cuando la galería muestre los cambios que has realizado en tu canal de YouTube. Shortcode attribute: cache; values: 0(default) or 1 . (Optional).

Pestaña Player:

  • Reproductor: selecciona dónde quieres reproducir el vídeo. Shortcode attribute: player; values: 0, 1 (default) or 2. (Optional).
    • Sin reproductor: cuando pulsas en las miniaturas, éstas irán a su página en YouTube.
    • Mostrar reproductor: se mostrará el reproductor de Youtube y cuando pulses sobre una miniatura el vídeo comenzará a reproducirse sobre ese reproductor.
    • Mostrar reproductor en Magnific Popup: no se mostrará el reproductor de Youtube y cuando se pulse en una miniatura aparecerá una ventana modal y el vídeo comenzará a reproducirse en ella.
  • Ancho: indica el ancho del reproductor de vídeo. Shortcode atributo: videowidth; valor: Número. (Opcional).
  • Dimensiones del ancho: dimensiones del ancho del reproductor de vídeo. Shortcode attribute: width_type; values: % (default) or px. (Optional).
  • Relación de aspecto: indica las proporciones del reproductor, formato estándar (4:3) o panorámico (16:9). Shortcode atributo: ratio; valor: ratio; values: 4×3 or 16×9 (default). (Optional).
  • Tema: Muestra los controles del reproductor (como por ejemplo los botones de reproducir o volumen) dentro de una barra de control oscura o clara. Shortcode atributo: theme; valor: dark (por defecto) o light. (Opcional).
  • Color de la barra de progreso: especifica el color que se utilizará en la barra de progreso del reproductor de vídeo para resaltar la cantidad de vídeo que el usuario ha visto. Shortcode atributo: color; valor: red (por defecto) o white. (Opcional).
  • Calidad de video: permite establecer la calidad del vídeo sugerida para los vídeos. El valor del parámetro de calidad sugerido puede ser pequeño, mediano, grande, HD720, HD1080, highres o por defecto. YouTube recomienda ajustar el valor del parámetro a por defecto, que indica a YouTube que seleccione la calidad de reproducción más adecuada, que puede variar entre usuarios, vídeos, sistemas y demás condiciones de reproducción. Si se propone un nivel de calidad que no está disponible para el vídeo, la calidad se establece en el nivel más bajo siguiente que esté disponible. Shortcode atributo: quality; valor: small, medium, large, hd720, hd1080, highres o default (por defecto). (Opcional).
  • Autoplay: se reproduce automáticamente el vídeo inicial cuando se carga el reproductor. Shortcode atributo: autoplay; valor: 0 (por defecto) o 1. (Opcional).
  • Mostrar los vídeos relacionados: este parámetro indica si el reproductor de vídeo debe mostrar vídeos relacionados cuando finaliza la reproducción del vídeo. Shortcode atributo: rel; valores: 0 (por defecto) o 1. (Opcional).
  • Mostrar información (título, cargador): muestra información, como el título del vídeo y la calificación, antes de que el vídeo comienze a reproducirse. Shortcode atributo: showinfo; valores: 0 (por defecto) o 1. (Opcional).
  • Orden: orden del reproductor. Shortcode attribute: player_order; values: Number. 1 (default). (Optional).

Miniaturas:

  • Número de vídeos a mostrar: un número que indica el número de miniaturas que se mostrarán. Shortcode attribute: maxitems; value: Number. (Optional).
  • Resolución de miniaturas: indica la resolución de las miniaturas. La altura es generada automáticamente en base a la relación de aspecto seleccionada. Shortcode attribute: thumb_width; value: Number. 320 (default). (Optional).
  • Relación de aspecto: indica las proporciones de las miniaturas, formato estándar (4:3) o panorámico (16:9). Shortcode attribute: thumb_ratio; values: 4×3 or 16×9 (default). (Optional).
  • Columnas Miniatura: permite controlar el número de columnas en las que las miniaturas serán distribuidas. Usa Bootstrap Grid system para permitir un comportamiento responsive. Shortcode attribute: thumb_columns_phones (Móviles), thumb_columns_tablets (Tablets), thumb_columns_md (Escritorios medios), thumb_columns_ld (Escritorios grandes); value: Number. Max value 12. (Optional).
  • Mostrar título: muestra el título de la miniatura con un enlace para ver el vídeo en el reproductor. Shortcode atributo: title; valores: 0 (por defecto) o 1. (Opcional).
  • Mostrar Descripción: muestra la descripción de la miniatura con el número de palabras especificado. Shortcode atributo: description; valores: 0 (por defecto) o 1. (Opcional).
  • Etiqueta de título: seleccionar la etiqueta más apropiada para el título. Shortcode attribute: title_tag; values: h1, h2, h3, h4, h5 (default), h6. (Optional).
  • Palabras en descripción: número máximo de palabras que se muestran de la descripción. Shortcode attribute: description_words_number; value: Number. (Optional).
  • Alineación de miniaturas: define la alineación de las miniaturas respecto al título y/o la descripción. Shortcode attribute: thumbnail_alignment; values: none (default), left, right. (Optional).
  • Ancho de miniaturas: esta opción se mostrará si la opción Alineación de miniaturas está selecionada como derecha o izquierda. Se usa para asignar una tamaño relativo a la miniatura. Shortcode attribute: thumbnail_alignment_width; values: extra_small, small, half (default), large, extra_large. (Optional).
  • Mín. tamaño con alineación: es útil para usar la alineación sólo a partir de un determinado tamaño de dispositivo. Por ejemplo, si no quieres usar alineación en dispositivos móviles, para que las miniaturas no se vean tan pequeñas, puedes seleccionar la opción tablets. Shortcode attribute: thumbnail_alignment_device; values: all (default), tablets, medium, large. (Optional).
  • Añade el atributo “nofollow” a los enlaces: el atributo “nofollow” ofrece a los administradores web una forma de decir a los buscadores “No sigas estos enlaces”. Shortcode attribute: nofollow; values: 0 (default) or 1. (Optional).
  • Abrir en una ventana nueva o pestaña: esta opción solo aparece si seleccionas usar la galería sin reproductor. Los enlaces de las miniaturas de abrirán en una ventana nueva o pestaña. Shortcode attribute: thumb_window; values: 0 (default) or 1. (Optional).
  • Mostrar paginación: Muestra una paginación sencilla con enlaces siguiente y anterior, e información del número de página y total de páginas. Tener en cuenta la advertencia de Google: “Por favor, advertir que el valor es una aproximación y puede no representar un valor exacto. Además, el valor máximo es 1.000.000″. Yo he observado que este valor no funciona correctamente en cuentas de Youtube con muchos vídeos. Shortcode attribute: thumb_pagination; values: 0 or 1 (default). (Optional).

Enlace:

  • Texto del enlace: campo de personalizar el texto del enlace a la galería en YouTube. Shortcode atributo: link_tx; valor: texto. (Opcional).
  • Mostrar enlace al canal: opción para mostrar un enlace al canal de usuario de YouTube. Shortcode atributo: link; valores: 0 (por defecto) o 1. (Opcional).
  • Mostrar enlace para agradecer al desarrollador: opción para añadir un pequeños enlace a la web del desarrollador . Shortcode attribute: promotion; values: 0 or 1 (default). (Optional).

Sintaxis de shortcode:

En el siguiente ejemplo se encuentran todos los atributos que se pueden usar con el shortcode y que se explican más arriba:

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

157 comentarios en "Youtube Channel Gallery"

  1. Cuando inserto un shortcode de Widgets for shortcodes en una página para poder mostrar un grupo de listas de reproducción, la paginación tiene un error.
    Cuando carga vemos por ejemplo las miniaturas y debajo la paginación actual, por ejemplo: 1/10 siguiente
    Cuando damos clic en siguiente, en lugar de decir: 2/10, dice: 3/10. Y a medida que volvemos a apretar en siguiente, sólo muestra números impares: 5/10, 7/10, 9/10, 11/10 hasta completar los videos que falten en la lista (no hay problema con las miniaturas, el problema es el paginado).
    Habrá alguna solución?
    Atentamente: Germán.

  2. Roxana dice:

    Urgente: resulta que no me visualiza la galería de videos, me muestra solo el primer video. Resulta que se actualizó del joomla 2.5 al 3.4.1?
    Hay algún problema en youtube gallery en la opción del menú? o alguna propiedad en Componetes – youtube gallery?

  3. Adrián dice:

    Hola, muy buen plugin, pero la nueva versión 2.0.2 tiene algún problema en el css ya que no respeta el ancho declarado de las miniaturas pueden verlo en http://www.unirueda.es/videos si tienen alguna solución se los agradeceré.
    Saludos

    • Jordi dice:

      Creo que el problema está en que falta un guión bajo en algunas variables.

      Por ejemplo:

      thumb_width=”125″ thumb_ratio=”16×9″ thumb_columns_ld=”2″

      en lugar de

      thumbwidth=”125″ thumbratio=”16×9″ thumbcolumns_ld=”2″

      A mi me ha funcionado.

  4. leo dice:

    HI!
    have you “new” shortcode? some shortcakes have no effect! thumbwidth=”n” don’t works!

    help me thanks

  5. Luis dice:

    Se hace mención a esto

    [Youtube_Channel_Gallery feed="user" user="aquí_va_tu_user-ID" ...]
    por lo siguiente:
    [Youtube_Channel_Gallery feed="playlist" user="aquí_va_tu_playlist-ID" ...]
    El resto del shortcode se deja como lo tenías inicialmente.

    Pero donde se encuentra del código?, en que sección? estoy un poco perdido, gracias por la ayuda.

    Saludos,

  6. Alain dice:

    Bonjour,

    Le plugin n’est plus adapté à la nouvelle API de Google.

    Bien à vous.

  7. da un mese ho problemi col sito di http://www.macrofotografia .it
    ero collegata a you tube per i miei filmati fotografici e ora non si vedono piu’ ,cosa è successo ? il sito funziona bene ma voi no !! cercate cortesemante di provvedere ,grazie

  8. Rafael dice:

    Hola, la solución al problema con la actualización de youtube es la siguiente.
    Sustituir el trozo de línea que pone:
    [Youtube_Channel_Gallery feed="user" user="aquí_va_tu_user-ID" ...]
    por lo siguiente:
    [Youtube_Channel_Gallery feed="playlist" user="aquí_va_tu_playlist-ID" ...]
    El resto del shortcode se deja como lo tenías inicialmente.

    Un saludo.

  9. César dice:

    Enhorabuena por tu plugin! Funciona de maravilla! Solo tengo una duda… ¿Hay alguna forma de hacer que el texto más pequeño? Los nombres de los videos que quiero compartir son muy largos y ocupan mucho espacio con ese tamaño de letra. Muchas gracias!!

  10. leo dice:

    HI!
    I see a “bad smile” in my gallery, like in your site (upper right)…
    can you fix the problem?
    thanks.

  11. Tam dice:

    Como los últimos comentarios, misma situación. Se publicará una actualización que resuelva esto? O se puede solucionar de manera fácil modificando la API?

  12. Estimado, estoy utilizando la ultima versión del plugin (1.8.7). En la lista de videos me aparece un video de youtube que indica que youtube se actualizará a una versión más reciente por lo que no será compatible con la aplicación.

    Ese es el video:
    https://www.youtube.com/watch?v=UKY3scPIMd8

  13. Manuel dice:

    Hola,

    Ahora aparece un mensaje de youtube en forma de vídeo.

  14. Joseph dice:

    Hola,
    He descubierto el plugin YouTube Channel Gallery, functiona de maravilla pero desde hoy aparece une “video” http://www.youtube.com/devicesupport que indica que YouTube se actualizara a una version mas reciente etc… Comprendo que es debido a la version (V2 ?) que utiliza el plugin. Como remediar al problema por favor ? Es dificil modificar el plugin para utilizar la ultima version de YouTube API ?

    Muchas gracias por su ayuda
    Saludos

    Joseph

  15. Ruben dice:

    Enhorabuena por el plugin, funciona de maravilla. Me gustaria saber si se pueden poner las miniaturas de los videos en un lateral, en lugar de que aparezcan abajo.
    Un saludo y gracias!!!

  16. Gastón dice:

    Hola, tengo un problema con el plugin. Solo muestra los videos de la playlist al momento de agregar el código. Luego, si sigo agregando videos, sigue mostrando los que estaban al principio.

  17. Hi, im using your youtube channel gallery plugin in a shortcode and I need to open the videos in a new window, but I can’t find the shortcode for that, could you tell me what it is.
    Thank you

  18. leo dice:

    Hola! les molesto con una consulta, estoy armando una template desde 0 y al utilizar su plug-in en el front, no me carga los css y al hacer clic en una de las miniaturas el sitio se redirige a youtube sin actualizar el player de la pagina. Alguna idea porque sera? gracias!!

  19. Glenn dice:

    Excellent plugin! I especially like the sidebar.

    I notice that clicking on a thumbnail in your demos plays the video in your player instead of taking you to youtube.com.

    How did you do that?

    In my install clicking on a thumbnail takes me to youtube.com (which I don’t want!) And copying your shortcodes to my test site does exactly the same thing.

  20. karlos dice:

    hola he visto que al poner la pagina en plantilla escaparate salen banner de publicidad en los videos , tienes una versión de pago en al que no salga publicidad??

  21. Marcelo dice:

    Excelente plugin. Encuentro que está provocando algún tipo de fallo: debajo del widget en la barra lateral deja un espacio del mismo alto que todo el contenido de la página, con el consiguiente desplazamiento hacia abajo de los demás widgets.
    También en una oportunidad simplemente dejó de mostrar el contenido: tuve que desinstalar y volver a instalar.
    Versión 1.8.7

  22. Daniel dice:

    Estuve viendo muchos pluggins para incluir un widget para el canal de Youtube hasta que di con éste. Es exactamente lo que buscaba.

    El problema es que me da un error al intentar incluir el enlace al canal (pestaña ‘enlace’) ya que la dirección a la que va al hacer click es

    https://www.youtube.com/user/IdDeUsuario

    en lugar de

    https://www.youtube.com/channel/IdDeUsuario

    y en el canal aparece el mensaje “El canal no existe” ¿Hago algo mal? ¿Hay que modificar algo?

    Gracias mil!

    Daniel

  23. Ricardo dice:

    Hola Javier, ante todo enhorabuena por el plugin de youtube. Me ha costado encontrar un plugin de estas caracteristicas. Quería comentarte el error que me da, no se si será por el tema que uso (avada), lo cierto es que tanto en tablets y moviles esta ocurriendo. El error es que si en la galeria del playlist, optas en elegir un video que no sea el que te presenta en la pantalla general al cargar la pagina del blog, no lo puedes reproducir pero si optas por el video que te presenta en la pantalla general luego si que te da acceso a los demas videos. No se si me he explicado, pero resumiendo, en cualquier galeria de videos que no escojas el primer video no funciona siempre hablando de moviles y tablets. Muchas gracias de antemano. Ricardo

  24. Leo dice:

    Why when I upload a new video in youtube the gallery don’t update and don’t show it?
    I use wp 3.8.1… But in a older version it works fine. Can you help me?
    Thank you

  25. problemi con adsense pubblicita youtube

  26. problemi con adsense non esce la pubblicita di youtubbe

  27. Tameer dice:

    Hi, since the last update I get the message Invalid argument supplied for foreach() in wp-content/plugins/youtube-channel-gallery/youtube-channel-gallery.php on line 621
    It kills my sidebars – can I get the older version back? Thanks, Tameer

  28. s.jimenez dice:

    Enhorabuena por tu plugin está muy bien, tan solo una pregunta ¿por qué unas veces funciona y sin tocar nada otras veces no? el error es como si no existiese el id de la playlist, y luego pruebas al tiempo y si funciona…

    Un saludo,

    gracias!

Deja un comentario