HTML5 Audio и jQuery

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

var song = $('#audio');

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

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

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

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

Ответ 1

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

song.get(0).play();

Ответ 2

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

Ответ 3

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

var song = $('#audio');

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

Это меньше, чем напечатать:)