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;
}
});
});
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
Get help from others!
Recent Questions
Recent Answers
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP