Reproducción automática de videos de youtube al pasar el mouse con 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á.

Updated on 30 septiembre, 2021

Related Articles