event - play video jquery

HTML5 Audio y jQuery

Question

Intento usar un botón para comenzar una pista en una etiqueta de audio HTML5 usando jQuery, pero sigo recibiendo un error.

var song = $(''#audio'');

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

Cuando uso document.getElementById (''audio''), funciona, pero cuando uso el selector jQuery aparece el siguiente error:

Unkeught TypeError: Object [object Object] no tiene el método ''play''

Gracias por cualquier ayuda.

Answer 1

En lugar de .get () solo usa la notación de objeto:

var song = $(''#audio'');

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

Es menos de escribir :)

Answer 2

Intente obtener el elemento DOM nativo ya que jQuery no sabe nada sobre el método .play en la matriz envuelta devuelta por el selector $(''#audio'') :

song.get(0).play();

Answer 3

También puede escribirlo como song.trigger(''play''); . Eso le permitirá usar $(''#audio''); selector.