HTML5 Audio i jQuery

Question

Próbuję użyć przycisku, aby rozpocząć ścieżkę w tagu dźwiękowym HTML5 przy użyciu jQuery, ale ciągle pojawia się błąd.

var song = $('#audio'); 

$('#play').click(function() { 
song.play(); 
}); 

Kiedy używać document.getElementById ('dźwięku'), to działa, ale przy użyciu selektora jQuery pojawia się następujący błąd:

Uncaught TypeError: Object [object Object] nie ma sposobu " graj "

Dzięki za pomoc.

Answer 1

Spróbuj znaleźć rodzimą elementu DOM w jQuery wie nic o .play metodę na owiniętej tablicy zwróconej przez selektor $('#audio'):

song.get(0).play(); 

Answer 2

Można również napisać go jak song.trigger('play');. To pozwoli ci użyć selektora $('#audio');.

Answer 3

Zamiast .get() wystarczy użyć notacji obiektu:

var song = $('#audio'); 

$('#play').click(function() { 
    song[0].play(); 
}); 

to mniej wpisać :)