Estou tentando controlar vídeos HTML5 usando JQuery. Eu tenho dois clipes em uma interface com guias, existem seis guias no total, os outros apenas têm imagens. Estou tentando reproduzir os videoclipes quando sua guia é clicada e depois parar quando qualquer uma das outras é clicada.
Isso deve ser uma coisa simples de fazer, mas não consigo fazê-lo funcionar, o código que estou usando para reproduzir o vídeo é:
$('#playMovie1').click(function(){
$('#movie1').play();
});
Eu li que o elemento video precisa ser exposto em uma função para poder controlá-lo, mas não consegue encontrar um exemplo. Eu sou capaz de fazê-lo funcionar usando JS:
document.getElementById('movie1').play();
Qualquer conselho seria ótimo. obrigado