Hacer vídeo autoplay en el módulo de vídeo de Divi con código

Inicio / Tutoriales Premium / Tema Divi / Hacer vídeo autoplay en el módulo de vídeo de Divi con código

Contenido Restringido🖐

Accede a este y otros contenidos siendo premium. ¿Aún no eres premium? Adquiere una membresía aquí ⭐

Profesor: Ameth Cruz

  9 de julio de 2020

En este videotutorial prémium aprenderás a hacer que un vídeo se autorreproduzca asignando vídeo autoplay en el módulo de vídeo de Divi con código. Este es un tutorial debut de nuestro nuevo profesor Ameth Cruz, Ameth es un experto programador con gran experiencia en la creación de sitios web personalizados, y hace su entrada como colaborador de nuestra plataforma con este tutorial prémium.

Recuerda que encontrarás los códigos usados en este tutorial en la parte inferior, en la sección de recursos.

Objetivo:

En este vídeo vamos a aprender cómo hacer un módulo de vídeo en Divi que se reproduzca en modo autoplay. Para lograr esto vamos a añadir unos pequeños hacks.

Resultado:

Muchas veces en nuestro sitio web tenemos diferentes tipos de contenidos, entre ellos los vídeos, ya sea que visualicen algo acerca de nuestro producto, de nuestro servicio, o cualquier otro contenido de calidad que queremos mostrar a los usuarios o seguidores.

Normalmente, este tipo de contenido aparecen en el sitio web con su caja de controles para darle play, pausar o maximizar, muchas veces este contenido puede pasar desapercibido por parte de los usuarios de nuestro sitio, y si la intención es de que este contenido sea visible sí o sí, podemos recurrir al siguiente hack en vídeo de nuestro curso de Divi.

Básicamente añadiendo código con unos pequeños hacks a nuestro módulo de vídeo podemos crear increíbles vídeos en nuestras secciones de nuestro sitio web.

De esta manera, cuando un usuario ingrese a nuestro sitio verá el contenido de calidad que queremos mostrarle de manera automática, simplemente recargando la página, el contenido se comenzará a reproducir.

Los invito a ver este tutorial en dónde logramos esta funcionalidad desde nuestro tema de Divi.

Finalmente, recuerda que tenemos este curso de boosteando Divi con Divi Toolbox, donde te enseñamos a personalizar y mejorar Divi de una manera increíble con un solo plugin.

Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido prémium.

Descarga los recursos mencionados en este tutorial acá abajo 👇 siendo premium ⭐

9 Comentarios

  1. Marcos M

    Hola por favor yo quise hacer
    Pero cuando quiero poner en 250 px y quiero duplicar la imagen me sale la imagen partida en mitad. Y no completa.

    Responder
  2. Marcos M

    hola no funciona en dispositivos moviles

    Responder
    • Jefferson M

      Hola Marcos. Desafortunadamente la caracteristica “Autoplay” es bloqueada por algunas navegadores según criterios de ellos mismos, con lo cual en la actualidad es muy probable que en muchos de ellos no funcione correctamente, lo que afecta tambien a los navegadores en los dispositivos móviles.

      Responder
  3. javier

    Hola muy buenas, tengo un video de intro al entrar en mi web, me gustaria que al acabar el video y pasen 7 segundos se redirija automaticamente a la siguiente pagina, como lo hago? trabajo con DIVI

    muchas gracias

    Responder
    • Jefferson M

      Hola Javier, tendría que ser a través de javascript. Por favor, ponlo como idea en la pestaña de ideas de la intranet para considerarlo dentro de nuestra generación de contenidos.

      Responder
  4. José Daniel C

    ¡Hola!. Muy buen tutorial, una pregunta: si quiero que el video que subí a la biblioteca de medios se vea en pantalla completa, qué código debo agregar adicional?. Lo puse en una sección de pantalla completa, pero el video se ve en un aprox del 80% de la pantalla.

    Muchas gracias 🙂

    Responder
  5. Alexander R

    Hola jeferson, buenas noche, si quiero que el video se reproduzca el sonido automaticamente, como lo hago?
    Gracias.

    Responder

Enviar un comentario

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

Solicitud de cancelación de suscripción

Aviso importe

🚩 Debes solicitar la cancelación de tu suscripción al menos 24 horas antes de tu renovación, de otro modo, no podremos procesar a tiempo la cancelación antes de tu renovación.

Al cancelar tu suscripción, perderás el acceso a todo esto:

🚩 A más de mil contenidos especializados en el aprendizaje del diseño web
🚩 El soporte personalizado en Divi
🚩 Acceso al grupo de Discord
🚩 Acceso a la descarga de las actualizaciones de los plugins, el contenido y las descargas de nuestro sitio.
🚩 Puntos y rangos obtenidos en la plataforma

✅ Te ofrecemos la opción de pausar tu suscripción 2 o 3 meses y así no perderás el progreso obtenido en la plataforma.

Lamentamos mucho 😩 que tu experiencia en nuestra plataforma no haya sido la mejor. Para poder procesar tu solicitud y hacerla efectiva, necesitaremos que por favor nos envíes lleno este formato. Esto nos ayudará a poder seguir mejorando nuestra propuesta de valor y siendo útil para todos los usuarios.

Solicitud de cancelación

¿Por cuál o cuáles razones deseas cancelar tu suscripción?

¿Qué características mejorarías en nuestra web?

¿Cuál es tu nivel de satisfacción en relación con la calidad del soporte que ofrecemos por diferentes medios? donde 1 es insatisfecho y 5 es satisfecho

¿En esta escala que tanto recomendarías a UXDIVI a un amigo o colega? donde 1 es "no lo recomendaría" y 5 es "Lo recomendaría totalmente"

4 + 1 =


Iniciar Sesión

¿No tienes cuenta? Registrarse

Otros planes

¡Accede a más de 1330 contenidos especializados en Diseño Web con Divi por un solo precio!

Trimestral

Ahorra 6 USD 🔥

$US 18/ Mes

*Pagando US$ 54 cada 3 meses

¿A qué accedes con este plan?

Lifetime

Un solo pago 🔥

$US 499/ Lifetime

*UN SOLO PAGO DE POR VIDA

¿A qué accedes con este plan?

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord
  6. ✅ Descuentos en Templates para Divi