BL Insertar videos de YouTube en Divi con parámetros y autoplay

Insertar videos de YouTube en Divi con parámetros y autoplay

En este tutorial te mostraremos como insertar videos de Youtube en Divi con parámetros personalizados, configuración de autoplay y otros en nuestro sitio web.

En este otro tutorial, nuestro profesor Jerry Castillo nos enseña como insertar transmisión de YouTube en nuestro sitio web con Divi para tus transmisiones directas desde Youtube.

Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros. Accede a todo nuestro contenido desde $12/mes*
Transforma tu carrera con UXDIVI
Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros

Accede a todo nuestro contenido desde US $12/mes*
Transforma tu carrera con UXDIVI

Índice

Con este tutorial podremos personalizar la inserción de videos de Youtube en nuestro sitio web con Divi, podremos quitarle el logo de YouTube, colocar los videos relacionados del propio canal que se está reproduciendo, o colocar que el video sea autoplay por defecto cuando carga la página, mira el video para que veas todos los detalles.

Puedes ver la demo acá:

Paso 1: Busca el video de Youtube que quieras insertar

Lo primero que debemos hacer es buscar el video que deseamos insertar en nuestro sitio, en nuestro ejemplo, usamos un video de nuestro canal de Youtube de UXDivi. Una vez encontremos el video, vamos a clicar en la opción de “compartir”

Compartir video Insertar videos de YouTube en Divi con parámetros y autoplay

Al darle clic en compartir, aparecerán varias opciones para compartir el vídeo, en este caso, debemos darle clic en la opción “Incorporar” para que nos aparezca el código Embed que podremos usar para insertar el video de forma manual en nuestro sitio:

Una vez que le demos clic en “Incorporar”, aparecerá el código necesario para insertar el video de Youtube en nuestro sitio y así poder darle parametros y autoplay.

Iframe video youtube - Insertar videos de YouTube en Divi con parámetros y autoplay

Damos clic en copiar y estamos listos para ir a nuestro sitio.

Paso 2: Pega el video en un módulo de código o Texto

En este paso, debemos insertar un módulo de código o de texto en el lugar donde queramos que se vea nuestro video, dentro de nuestro sitio con Divi.

Dentro del módulo de video vamos a pegar el código que copiamos desde Youtube:

Insertar video en Divi - Insertar videos de YouTube en Divi con parámetros y autoplay

Hasta este punto, tendremos el video insertado dentro de nuestro sitio, pero aún sin pararemos ni autoplay, esto lo veremos en la siguiente parte.

Paso 3: Agrega los pararemos que quieras configurar

Tenemos 3 parámetros que podemos configurar:

  • ?modestbranding=1 —-> Esto es para quitar logo de Youtube en la parte inferior derecha.
  • &rel=0 —-> Esto es para quitar los videos relacionados de la cuenta del visitante de la página.
  • &autoplay=1 —-> Esto es para que se reproduzca el video automáticamente al ingresar a la página.

Podemos usar uno o todos los parámetros para configurar nuestro video. En este punto es importante saber que es necesario pegar todos estos parámetros justos después, pegado y sin espacios, de la URL de Youtube.

Personalizar código - Insertar videos de YouTube en Divi con parámetros y autoplay

El código quedaría más o menos de esta forma:

<iframe width="560" height="315" src="https://www.youtube.com/embed/KW1-X1K6ETc?modestbranding=1&rel=0&autoplay=1" 
title="YouTube video player" frameborder="0" 
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

¡Y listo, con ello tendrás video de Youtube con parámetros personalizados para tu canal, sin marca de agua de Youtube y opción de autoplay de una forma sencilla y rápida!

Artículos relacionados

Comentarios

  1. Hola, Jefferson, espero que te encuestres bien.
    Utilicé los códigos pero obtuve un resultado diferente: no me muestra videos relacionados de mi cuenta ni de la de nadie (lo cual me parece fantástico), pero no se quita el logo de YouTube. ¿Tienes idea de por qué?
    Gracias.
    Abrazo
    Leo

    1. Que tal Leonardo, un gusto saludarte.
      Vale indagando un poco sobre tu duda, hemos notado que según YouTube, ese código dejó de funcionar desde agosto 😞, puedes ver más detalles acá: https://developers.google.com/youtube/player_parameters?hl=es-419#release_notes_08_15_2023
      Puedes ver más especifico la notificación de YT: https://snipboard.io/up4OEJ.jpg y https://snipboard.io/AzxFbL.jpg

      Justo el código donde permite esconder el logo de YouTube, lo lamentamos.

          1. Hola Jefferson, estoy intentando insertar un video de Youtube en la cabecera de una web, sin logo y sin las opciones de compartir, etc que muestra Youtube.

            He probado el plugin YouTube WordPress Plugin by Embed Plus y me deja poner autoplay y un loop del video pero no me deja ocultar logo ni las opciones de compartir, etc.

            Alguna solución?

            Gracias

            1. Que tal Esther, si los parámetros que compartimos en este tutorial no te han funcionado, entonces no creo que haya alguna alternativa, acá el problema es que Youtube cambió hace poco la manera en como manejaba estas configuraciones y ahora no permite ocultar todo el contenido de sus videos.

              1. Buenos días @Jeffersonmald,
                He hecho una prueba insertando el video desde Google Drive y ya no me aparecen funcionalidades de Youtube, pero siguen apareciendo los controles de reproducción, configuración, etc.

                He leído que con Vimeo esto no pasa y te permiten alojar videos sin todos estos inconvenientes.

                Igualmente, conoces alguna otra alternativa para no tener que cargar los videos en el propio hosting y sin este tipo de inconvenientes que presenta youtube, drive, etc?

                Gracias

¡Registrate en nuestro próximo Live!
12 de ENERO de 2024 9:30 hrs (CDMX)
En este evento exclusivo, abordaremos las preguntas sobre ecommerce en Divi, además de responder a cualquier otra pregunta que nuestros suscriptores de la academia tengan en mente.
0
días
0
horas
0
minutos
0
segundos
¡Registrate en nuestro próximo Live!
12 DE ENERO DE 2024 9:30 HRS (CDMX)
0
días
0
hrs
0
min
0
seg
25% OFF BLACK FRIDAY SALE!
Del 24 al 30 de noviembre 2023 descuentos por:
¿Aún no eres miembro Premium ⭐ de UXDivi? ¡Esta es tu oportunidad de oro! Únete a nuestra comunidad de expertos en Divi y disfruta de recursos exclusivos, tutoriales avanzados, y una red de profesionales al alcance de tu mano.
0
días
0
horas
0
minutos
0
segundos
25% OFF BLACK FRIDAY SALE!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% en tu suscripción Premium. ¡Solo durante Black Friday!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% ¡Solo durante Black Friday!
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →