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.
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.
hola no funciona en dispositivos moviles
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.
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
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.
¡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 🙂
Que tal José Daniel en ese caso debes poner el ancho de la fila 100% en ancho máximo. Acá puedes ver cómo lo aplicamos para movil: https://uxdivi.com/hub/configurar-el-ancho-de-contenido-ideal-en-dispositivos-moviles-en-divi pero en ese caso aplicalo para la fila completa donde tienes el video, colocando 100% en ambos anchos.
Hola jeferson, buenas noche, si quiero que el video se reproduzca el sonido automaticamente, como lo hago?
Gracias.
Que tal Alexander, por defecto, el código ya viene preparado para hacerse autoplay, el problema es que los navegadores no respetan esta indicación todas las veces, acá lo puedes ver: https://developer.chrome.com/blog/autoplay/