TransWikia.com

Pausar Video que se esta reproduciendo cuando se le da play a otro video

Stack Overflow en español Asked by Jose M Herrera V on January 5, 2021

Tengo una listas de videos en una web que se generan con el siguiente codigo:

if (arch === '.mp4') {
  previo = '<video controls width="70%" preload="metadata" poster="media/imagen/postervideos.png">  <source src="' + ruta + archivo + '" type="video/mp4"></video>';
  boton = "Ver Video en otra ventana" + v;

}

Requiero que cuando se le haga click a un video este se ejecute y cuando se le haga click a otro video entonces el primer video se detenga.

He intentado hacerlo funcionar con el siguiente script pero no logro hacerlo funcionar

$('video').off('play').on('play', function() {
    var dd = this.id
    $('video').each(function( index ) {
        if(dd != this.id){
            this.pause();
            this.currentTime = 0;
        }
    });
});

One Answer

He solucionado de la siguiente manera: he creado los id dentro del bucle de esta forma

previo = '<video id="'+narchi+'" controls width="70%" preload="metadata" poster="media/imagen/postervideos.png">  <source src="' + ruta + archivo + '" type="video/mp4"></video>';

y en la misma function de donde se originan la listas de videos he ingresado el siguiente codigo

$('video').off('play').on('play', function() {
    var dd = this.id
    $('video').each(function( index ) {
        if(dd != this.id){
            this.pause();
            this.currentTime = 0;
        }
    });
});

de esta manera cuando hay un video en play y hago play a otro video el video que estaba en play se pausa de forma automatica.

Answered by Jose M Herrera V on January 5, 2021

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP