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;
}
});
});
previo = '<video id="'+narchi+'" controls width="70%" preload="metadata" poster="media/imagen/postervideos.png"> <source src="' + ruta + archivo + '" type="video/mp4"></video>';
ahora como seria la instruccion para que pause el video actual cuando se le da click al play de otro video..?