Cómo Insertar un Video con Autoplay con Divi

Te voy a mostrar cómo insertar un video con autoplay en una página diseñada con Divi y WordPress para que éste comience a reproducirse automáticamente cuando carga la página.
  1. Inicio
  2. Divi
  3. Guías Divi
  4. Cómo Insertar un Video con Autoplay con Divi

WordPress es Mejor con Divi

  • Cómo Instalar Divi. En esta guía te explico paso a paso cómo instalar Divi en WordPress y activar la licencia.
  • Módulo Código de Divi. Lo utilizaremos para insertar el video dentro del diseño de una entrada o página con Divi.

Te voy a mostrar cómo insertar un video con autoplay en una página diseñada con Divi y WordPress para que éste comience a reproducirse automáticamente cuando carga la página, sin que el usuario tenga que hacer clic.

Si intentaste insertar un video con autoplay con el módulo de video de Divi te habrás encontrado con que no se puede…

En general ésto no supone un problema ya que casi siempre es mejor que sea el usuario quien decida si quiere reproducir o no un video en la página que está leyendo.

Pero hay ocasiones en las que es mejor que el video se reproduzca automáticamente. Por ejemplo en una presentación o un anuncio, entre otros.

Así que en esta guía te voy a mostrar una alternativa para insertar un video en Divi que sí nos permite activar la característica autoplay.

Cómo Insertar un Video con Autoplay con Divi

El módulo Video de Divi no cuenta con una opción en su panel de configuración para definir que el video se reproduzca de manera automática cuando carga la página, también llamado autoplay.

Por eso vamos a dejar de lado este módulo y vamos a usar el módulo Código, el cual nos ofrece más libertad en la configuración del video, aunque es un poco más complejo.

Paso a paso

En el video te muestro paso a paso cómo insertar un video con autoplay con Divi, para que comience a reproducirse automáticamente cuando carga la página.

Paso 1 – Obtener el código de inserción

Lo primero que tenemos que hacer es ir a Youtube y copiar el código de inserción del video.

Este código de inserción se encuentra en la opción Compartir que está debajo del video.

Paso 2 – Módulo de código

Insertamos un módulo de código de Divi en el lugar donde queremos mostrar el video y en el campo Código pegamos el código de inserción.

Luego buscamos la URL del video (donde dice src) y vamos a añadir los siguientes atributos al final:

?rel=0&autoplay=1

Para que quede por ejemplo así:

src="https://www.youtube.com/embed/0taxD7u4r74?rel=0&autoplay=1"

 

Lo que hay que tener en cuenta es que si la URL ya tiene atributos no hay que repetir el signo ?.

Estos atributos van a hacer que el video comience a reproducirse automáticamente.

 

Adicionalmente podemos asignar cualquier formato que queramos al módulo de código como ser: borde, rellenos, márgenes, etc.

Listo. Cuando guardes los cambios y salgas del constructor visual vas a ver que el video se reproduce automáticamente sin que hagas nada.

Te recomiendo leer la guía Cómo Insertar Videos en WordPress sin Problemas.

 

Dejame debajo un comentario contándome que te pareció esta posibilidad de Divi y ayudame compartiéndolo para que más personas puedan aprender todo lo que se puede hacer con Divi.

Jorge B.

Jorge B.

En 2013 fundé Aventura Digital para ayudar a profesionales y emprendedores independientes a tener su sitio web profesional con WordPress.

Curso Gratis de WordPress con Divi

WordPress es Mejor con Divi

Algunos de los enlaces que hay en esta página son enlaces de afiliado. Ésto significa que si haces clic en el enlace y compras el producto recibo una pequeña comisión que me ayuda a seguir generando nuevos contenidos.

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *