Avisos
Vaciar todo

[Resuelto] Personalizar controles de Vídeo  

 
César Manuel
 César Manuel
Usuario experto

Hola me gustaría personalizar los controles de un vídeo de mi web, lo que ocurre es que no se como hacerlo. Lo que quiero es que no aparezcan las opciones de "descargar vídeo" y la barra de selección de minutos. 

 

Por otro lado me gustaría también redirigir a otra página cuando el vídeo se terminase de reproducir. Estoy utilizando el módulo de vídeo de divi. ¿Sabéis como puedo hacerlo con divi o si existe algún plugin para poder hacerlo?

 

Me mantengo a la espera muchas gracias.

videoo

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 18/03/2022 6:13 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Cesar,

No hay forma de ocultar estos controles por completo, puedes verificar con html e insertar código en lugar del módulo de video:

<figure class="wp-block-video"><video autoplay playsinline style="pointer-events: none;" src="video.mp4" controlsList="nodownload"></video></figure>

Verifica y nos comentas, también puedes ocultarlos en youtube:

Contenido solo visible a usuarios registrados

Un saludo 🖐️ 

ResponderCitar
Respondido : 18/03/2022 6:31 pm

César Manuel
 César Manuel
Usuario experto

Hola @argenis, con el código que me has pasado se reproduce el vídeo automaticamente (que eso esta genial) pero no se puede pausar el video, o subir el volumen o ponerlo a más velocidad. ¿No hay algun plugin que pueda hacerlo?

 

Por otro lado, lo hacer el redireccionamiento tambien queda descartado?

ResponderCitar
Respondido : 18/03/2022 6:57 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Cesar,

Esto forma parte de lo que es el control del video por esto si lo eliminas no tienes esta opción, si solo quieres desactivar la posibilidad de descarga del video puedes utilizar entonces esto:

image
no-download-videos

Luego agregas esto en Divi > Opciones del tema > Integración:

image
<script>
jQuery(document).ready(function() {
if (jQuery('.no-download-videos .et_pb_video_box').length !== 0) {
jQuery(".no-download-videos .et_pb_video_box").find('video').attr('controlsList', 'nodownload');
}
});
</script>

Verifica y nos comentas.

Un saludo 🖐️ 

ResponderCitar
Respondido : 18/03/2022 7:08 pm