Cómo incorporar una listas de reproducción de YouTube en tu Web

▶

Muchas veces, cuando estamos escribiendo un post o creando una página de contenidos, queremos enriquecerla añadiendo vídeos de YouTube. Hasta aquí, todo sencillo. El problema aparece cuando esos vídeos no son uno solo, sino que forman parte de una lista de reproducción completa.

En mi caso, necesitaba mostrar toda una serie de vídeos, no solo uno suelto. Y aquí es donde YouTube empieza a ponerlo menos fácil de lo que debería. Si alguna vez has pulsado el botón Compartir en una playlist, ya habrás visto que YouTube solo incrusta el vídeo seleccionado, ignorando por completo el resto de la lista.

En esta guía te explico, paso a paso y sin rodeos, cómo incorporar correctamente una lista de reproducción de YouTube en tu web, empezando por el método manual más fiable y terminando con alternativas para WordPress y herramientas automáticas.

Sin embargo el procedimiento para incorporar una lista de reproducción no es lo directo que debería ser, y cuando vamos a una lista de reproducción, veremos algo como lo siguiente:

Como puedes ver, solo comparte el vídeo que has seleccionado sin importarle de si forma parte de una lista de reproducción o no.

El problema habitual al compartir listas de reproducción desde YouTube

Aquí es donde yo mismo me encontré con el primer obstáculo.

Cuando estás dentro de una lista de reproducción y haces clic en Compartir → Insertar, YouTube genera un iframe… pero solo del vídeo activo, no de la lista completa. Da igual que ese vídeo pertenezca a una playlist: el embed ignora el resto.

Esto es confuso, porque visualmente estás dentro de una lista, pero técnicamente no se incrusta como lista.

La solución pasa por construir manualmente la URL correcta del reproductor, usando el ID de la lista de reproducción.

Método 1: Incorporar una lista de reproducción de YouTube con iframe (el método más fiable)

Este es el método que utilizo siempre que quiero control total y compatibilidad máxima. Funciona en cualquier web, independientemente del CMS.

Cómo obtener el ID de una lista de reproducción de YouTube

Primero necesitas el ID de la playlist.

Abre la lista de reproducción en YouTube.

Para insertar una lista de reproducción tenemos que emplear como base el siguiente token de la URL:

https://www.youtube.com/embed/videoseries?list=<TU ID>

Fíjate en la URL del navegador. Será algo parecido a esto:

https://www.youtube.com/watch?v=qUBWM3Z6Ns4&list=PLB5SYDBi8M3HkA4pHjmu-BFi5TqcXPSC4

El ID es el valor que aparece después de list=:

PLB5SYDBi8M3HkA4pHjmu-BFi5TqcXPSC4

Guárdalo, porque lo vamos a usar ahora.

Y por supuesto su iframe de siempre:

<iframe width="560" height="315" src="" frameborder="0" allow="autoplay"></iframe>

Entonces, con esto en mente vas a la lista de reproducción que tu quieras, en mi caso sería:

https://www.youtube.com/watch?v=qUBWM3Z6Ns4&list=PLB5SYDBi8M3HkA4pHjmu-BFi5TqcXPSC4

Y copias lo que sería el ID, que es el señalado por el parámetro list:

PLB5SYDBi8M3HkA4pHjmu-BFi5TqcXPSC4

Quedando la lista de reproducción que vas a incorporar en tu web como:

<iframe src="https://www.youtube.com/embed/videoseries?list=PLB5SYDBi8M3HkA4pHjmu-BFi5TqcXPSC4" width="560" height="315" src="" frameborder="0" allow="autoplay"></iframe>

Diferencia entre videoseries y listType=playlist

Aquí está uno de los puntos que la mayoría de artículos no explica bien.

Opción 1: videoseries (la más simple)

https://www.youtube.com/embed/videoseries?list=ID_DE_LA_PLAYLIST

Es la forma más directa y funciona perfectamente para incrustar listas completas.

Opción 2: listType=playlist

https://www.youtube.com/embed?listType=playlist&list=ID_DE_LA_PLAYLIST

Es una alternativa más alineada con la API de YouTube, útil si más adelante necesitas parámetros avanzados.

En la práctica, ambas funcionan, pero para una web estándar recomiendo videoseries por simplicidad.

Código iframe completo y funcional

Una vez con el ID, el iframe final quedaría así:

<iframe 
 width="560" 
 height="315"
 src="https://www.youtube.com/embed/videoseries?list=PLB5SYDBi8M3HkA4pHjmu-BFi5TqcXPSC4"
 frameborder="0"
 allow="autoplay; encrypted-media"
 allowfullscreen>
</iframe>

Este fue el punto clave: al usar videoseries, el reproductor empezó a mostrar correctamente toda la lista, no solo un vídeo.

Parámetros útiles para personalizar la lista de reproducción

Puedes añadir parámetros a la URL del iframe para ajustar el comportamiento:

• autoplay=1 → reproduce automáticamente (no recomendado para SEO).
• controls=1 → muestra controles (mejor dejarlo activo).
• rel=0 → evita vídeos relacionados externos al final.
• loop=1 → repite la lista (requiere playlist=ID).

Ejemplo:

<iframe 
 src="https://www.youtube.com/embed/videoseries?list=ID&autoplay=0&controls=1"
 width="560"
 height="315"
 frameborder="0"
 allowfullscreen>
</iframe>

Método 2: Incrustar una lista de reproducción de YouTube en WordPress (sin plugins)

Si usas WordPress y no quieres instalar plugins:

• Abre la página o entrada.
• Añade un bloque HTML personalizado.
• Pega el iframe tal cual.

WordPress no bloquea este tipo de iframe, y funciona sin problemas tanto en el editor clásico como en Gutenberg.

En más de una ocasión he preferido este método porque:

• reduce carga innecesaria
• evita dependencias externas
• mantiene el control total del código

Método 3: Incrustar listas de reproducción con plugins y herramientas automáticas

Aquí entran soluciones como EmbedSocial / EmbedFeed o Smash Balloon.

• Cuándo tiene sentido usar estas herramientas
  • Gestionas muchas playlists.
  • Necesitas diseños personalizados (carruseles, grids).
  • Quieres sincronización automática sin tocar código.
  • Tu web es 100% WordPress y dependes de widgets visuales.
• Inconvenientes
  • Añaden JavaScript adicional.
  • En muchos casos requieren cuenta o versión de pago.
  • Menor control técnico sobre el reproductor.

Por eso, aunque son útiles, no sustituyen al método manual cuando buscas simplicidad y rendimiento.

Consejos clave para mejorar rendimiento y SEO al incrustar playlists

• Usa una sola playlist por página si es posible.
• Evita autoplay para no aumentar la tasa de rebote.
• Acompaña el vídeo con texto contextual (Google no posiciona iframes solos).
• Haz el iframe responsive usando CSS si tu tema no lo hace automáticamente.
• No incrustes listas irrelevantes: deben aportar valor real al contenido.

Errores comunes al insertar listas de reproducción de YouTube

• Usar el embed del botón Compartir esperando que cargue toda la lista.
• Copiar solo el ID del vídeo, no el de la playlist.
• Insertar múltiples iframes pesados en una misma página.
• Depender de plugins para algo que se resuelve con una línea de HTML.

Preguntas frecuentes sobre listas de reproducción de YouTube

• ¿Funciona este método en cualquier CMS?
  • Sí. HTML + iframe funciona en WordPress, Joomla, Drupal, Wix (con bloque HTML), Shopify y webs estáticas.
• ¿Necesito la API de YouTube?
  • No, para incrustar listas públicas no es necesaria.
• ¿Se actualiza sola la lista?
  • Sí. Al añadir vídeos nuevos en YouTube, aparecerán automáticamente en tu web.
• ¿Cuál es el mejor método para SEO?
  • El iframe manual, acompañado de contenido relevante y bien estructurado.

Conclusión

Incorporar una lista de reproducción de YouTube en tu web no es complicado, pero YouTube no lo pone tan evidente como debería. La clave está en usar la URL correcta del reproductor y trabajar directamente con el ID de la playlist.

Después de probar distintos enfoques, el método con videoseries es el que mejor resultado me ha dado: simple, estable y compatible con cualquier sitio web.

Si quieres control, rendimiento y claridad, empieza por ahí. Y solo recurre a herramientas externas cuando realmente las necesites.