Guías Divi

Cómo Insertar un Video con Autoplay 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.

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

Compartir
Publicado por
Jorge B.
Tags: Video Divi

Artículos recientes

Cómo Configurar Divi

Al momento de activar el constructor Divi se crea una nueva opción en el menú…

28/02/2023

¿Qué es Divi?

Divi es un constructor para WordPress que se instala como un si fuera un tema…

28/02/2023

Cómo Insertar una Caja de Autor en Entradas con Divi

En esta guía te muestro paso a paso cómo crear una caja con información del…

11/04/2022

Cómo Hacer un Encabezado Diferente para la Home con Divi

En esta guía te muestro cómo cambiar el encabezado de la página home para que…

04/04/2022

Cómo Diferenciar Entradas con Diseños Diferentes con Divi

En esta guía vamos a ver cómo asignar con Divi un diseño diferente a entradas…

28/03/2022

Cómo Hacer un CV Digital con WordPress y Divi

En esta guía te muestro paso a paso cómo crear un CV digital con WordPress…

24/03/2022