HTML5 Audio và jQuery

Question

Tôi đang cố gắng sử dụng nút để bắt đầu bản nhạc trong thẻ âm thanh HTML5 bằng jQuery, nhưng tôi vẫn gặp lỗi.

var song = $('#audio'); 

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

Khi tôi sử dụng document.getElementById ('âm thanh'), nó hoạt động, nhưng khi sử dụng bộ chọn jQuery tôi nhận được lỗi sau:

lỗi chưa gặp: Object [đối tượng Object] không có phương pháp ' chơi '

Cảm ơn bạn đã được trợ giúp.

Answer 1

Hãy thử lấy phần tử DOM bản địa như jQuery không biết gì về .play phương pháp trên mảng bọc được trả về bởi bộ chọn $('#audio'):

song.get(0).play(); 

Answer 2

Bạn cũng có thể viết nó như song.trigger('play');. Điều đó sẽ cho phép bạn sử dụng bộ chọn $('#audio');.

Answer 3

Thay vì .get() chỉ sử dụng ký hiệu đối tượng:

var song = $('#audio'); 

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

Đó là ít hơn để gõ :)