<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>一個頁面中有多個audio標簽，其中一個播放結束后自動播放下一個，audio連續播放</title> </head> <body> <audio src="http://www.ytmp3.cn/down/49366.mp3" controls></audio> <audio src="http://www.ytmp3.cn/down/49382.mp3" controls></audio> <audio src="http://www.ytmp3.cn/down/49369.mp3" controls></audio> <script type="text/javascript"> var audios = document.getElementsByTagName("audio"); for (var i = 0; i < audios.length; i++) { // console.log("audios "+i+" SRC:" + audios[i].currentSrc); audios[i].addEventListener('ended', function() { // nextSibling 屬性返回指定節點之后緊跟的節點，在相同的樹層級中。 var nextAudio = this.nextSibling.nextSibling; // tagName 屬性返回元素的標簽名。(大寫) if (nextAudio.tagName == "AUDIO") { nextAudio.play(); } }, false); } </script> </body> </html>