blog webempresa

Reproducción automática de videos al pasar el mouse en Divi

por | Ago 16, 2022 | Tutoriales Divi

Reproducción automática de videos al pasar el mouse en Divi

El módulo de video de Divi es excelente para mostrar sus mejores videos de YouTube en su sitio web, simplemente seleccione un video de YouTube, copie su URL y péguelo en la configuración del módulo.

¿Le gustaría que se reproduzcan automáticamente cuando el usuario pasa el mouse sobre el video?

Bueno, es muy fácil, solo agrega un código a la sección de administración de Divi:

Divi > Opciones de tema > Integración > Agrega código al <head> de tu blog

Previamente activando la opción “Habilitar código de encabezado” ubicado en esa misma ruta:

En la captura previa podemos ver el código que debemos agregar, igualmente lo podemos copiar a continuación:

<script>
jQuery(function($) {
var video_url;
$('.et_pb_video iframe').hover(function(){
$(this).data('src-orig', $(this).attr('src'));
$(this).attr('src', $(this).data('src-orig')+'&autoplay=1&mute=1');
}, function(){
$(this).attr('src', $(this).data('src-orig'));
});
});
</script>

Al guardar los cambios ya tendremos el efecto deseado, es decir, al pasar el cursor sobre sus videos de YouTube, se iniciarán automáticamente, y al quitar el cursor del vídeo, se detendrá.

¿Te ha resultado útil este artículo?

Black Friday 2024