simple_playlist.html

<audio id="player" src=""></audio>
<button id="play">play</button>
<button id="reset">reset</button>

simple_playlist.js

var list = [
    "https://upload.wikimedia.org/wikipedia/commons/3/37/Zh-bèijing.ogg",
    "https://upload.wikimedia.org/wikipedia/commons/8/8a/Zh-Beijing.ogg",
    "https://upload.wikimedia.org/wikipedia/commons/7/73/Zh-Shanghai.ogg",
]

var player = document.getElementById('player');
var i = 0
player.src = list[i]
player.onended = function(){
    i++
    player.src = list[i];
    player.play()
}

$('#play').on('click', function() {
	if (player.paused) {
  	player.play()
    $(this).text("pause")
  } else {
  	player.pause()
    $(this).text("play")
  }
	
})

$('#reset').on('click', function() {
	  player.currentTime = 0	
})