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.

COMENZAR AHORA 🔥

Ú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

COMENZAR AHORA 🔥

Ú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”

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.

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:

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.

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!