JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<button id="play">Play</button>

<audio id="a0" src="http://reallygood.co.il/clients/icast/owl.mp3" controls></audio>
<audio id="a1" src="http://reallygood.co.il/clients/icast/win.mp3" controls></audio>
<audio id="a2" src="http://reallygood.co.il/clients/icast/02-Alter.mp3" controls></audio>

CSS

audio[controls] {display: block; margin: 20px 0;}

JavaScript

var tags = document.querySelectorAll('audio');

var i = 0;

function playNext(){
 document.getElementById('a'+i++).play();
}

$.each(tags, function(i, node){
    node.addEventListener('ended', playNext, false);
});
$('#play').click(playNext);