En el año 2021 YouTube cambió método para insertar lista de reproducción en tu web. Te muestro cómo hacerlo ahora. Ideal para un curso online.
Este artículo con videotutorial es una actualización, solo a nivel de lista de reproducción, de este otro artículo (+ videotutorial):
Cuando desarrollas contenidos secuenciales como cursos o tutorías, que necesitan de varios vídeos, se recomienda crear una lista de reproducción.
Hacer una lista de reproducción, en lugar de insertar varios vídeos, permite que tu página o entrada de WordPress cargue más rápido. A diferencia de si tuvieras que poner cada vídeo por separado, en la misma página o entrada.
Te voy a mostrar cómo insertar una lista de reproducción de YouTube en WordPress en 2021 y cuando pauses o finalices vídeo solo se muestren videos de tu canal de YouTube, no de otros (por el método de incrustar en WordPress no puedes hacerlo).
Índice
Documentación oficial de YouTube
Antes de nada las instrucciones que nos indica YouTube para esto son las siguientes:
1 – Inicia sesión en tu cuenta de YouTube en un ordenador.
2 – En el lado izquierdo de la página, selecciona la lista de reproducción que quieras insertar.
3 – Copia el ID de la lista de reproducción (se obtiene de la URL).
4 – Modifica el código de inserción de un vídeo concreto de la siguiente forma:
- Sustituye el ID de vídeo (después de “embed/”) por “videoseries?list=”.
- Pega el ID de la lista de reproducción después de “=”.
- Pega el código en el HTML de tu sitio web o blog.
Ejemplo solo código
Para que veas cómo es el código completo del ejemplo que te puse en capturas. Y que más abajo verás en funcionamiento.
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLU_WUQu6U_FmdEOAidR6OiyTqXX_jjBoD" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>En funcionamiento
Si estás con el Editor clásico (Classic Editor) pon el código anterior en la pestaña ‘HTML’ y si estás con Gutenberg elige el bloque ‘HTML personalizado’ para ello.
Evita publicidad de otros vídeos
Al pausar un vídeo (o finalizar el último) de la lista comprobarás que salen otros vídeos de otros canales de YouTube, para evitar esto y que solo salgan los nuestros debes añadir un código después del ID de la lista de reproducción: &rel=0
Ejemplo del código a añadir
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLU_WUQu6U_FmdEOAidR6OiyTqXX_jjBoD&rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>En funcionamiento
Si estás con el Editor clásico (Classic Editor) pon el código anterior en la pestaña ‘HTML’ y si estás con Gutenberg elige el bloque ‘HTML personalizado’ para ello.
Pausa el vídeo o vete al último de la lista y comprueba que ya no hay publicidad de vídeos de otros canales de YouTube.
Videotutorial
- Insertar listas de reproducción de YouTube en WordPress 2021
En el año 2021 YouTube cambió método para insertar lista de reproducción en tu web. Te muestro cómo hacerlo ahora.
Opinión
Gracias que me notificó acerca de este cambio Naya Parrsal y Mariano Sanchez, quien me confirmo que no funcionaba la primera opción que di a Naya. De ahí que decidí investigar más a fondo el cambio.
La verdad que no comprendo porque YouTube cada vez nos hace más difícil este tipo de acciones. No sé si es que planean sacar alguna opción de pago a futuro.
En cualquier caso aquí tenéis la solución que considero más sencilla.
Si tenéis alguna duda o sugerencia no tenéis más que preguntarla por aquí o en los comentarios del vídeo en YouTube.
Soy diseñador web con WordPress. También hago uso del diseño gráfico (edición imágenes) e implementación de vídeos (puedo editar pero no grabar). Te ayudo a descubrir/potenciar la identidad de tu marca, otorgando distinción a tu sitio web. Hago buen uso del diseño visual y emocional. Estoy disponible para darte: servicio, formación, consultoría.