Estoy tratando de controlar videos HTML5 usando JQuery. Tengo dos clips en una interfaz con pestañas, hay seis pestañas en total, los otros solo tienen imágenes. Estoy tratando de hacer que los videoclips se reproduzcan cuando se hace clic en su pestaña y luego se detiene cuando se hace clic en cualquiera de los otros.
Esto debe ser algo simple de hacer, pero parece que no puedo hacer que funcione, el código que estoy usando para reproducir el video es:
$('#playMovie1').click(function(){
$('#movie1').play();
});
He leído que el elemento de video debe exponerse en una función para poder controlarlo, pero no puedo encontrar un ejemplo. Puedo hacer que funcione usando JS:
document.getElementById('movie1').play();
Cualquier consejo sería genial. Gracias
fuente
$('video').each(this.play());
para jugar todo;$('video').each(this.pause());
Pausar todo.each()
es una función jQuery, lo que se le pasa es una función de JavaScript, que se aplica a cada elemento. A medida que se maneja cada elemento,this
representa ese elemento..get(0)
con[0]
. Entonces$('video')[0].play();
o para una identificación específica$('#videoId')[0].play();
.