HTML5 Audio и JQuery

Question

Я пытаюсь использовать кнопку для запуска дорожки в аудиотэге HTML5 с помощью jQuery, но постоянно получаю сообщение об ошибке.

var song = $('#audio');

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

Когда я использую document.getElementById ('audio'),это работает, но при использовании селектора jQuery я получаю следующую ошибку:

Uncaught TypeError: Object [object Object] не имеет метода 'play'

Спасибо за любую помощь.

Answer 1

Попробуйте получить собственный элемент DOM, так как jQuery ничего не знает о методе .play в обернутом массиве, возвращаемом селектором $('#audio'):

song.get(0).play();

Answer 2

Вы также можете написать это как song.trigger('play');.Это позволит вам использовать селектор $('#audio');.

Answer 3

Вместо .get () просто используйте обозначение объекта:

var song = $('#audio');

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

Меньше набирать:)