JSFiddle - React, Tailwind, and code Playground
HTML
<div id='player'></div>
<audio controls id='audio'></audio>
JavaScript
var audio = document.getElementById("audio");
var myPlayer = document.getElementById("player"), lastPause;
myPlayer.innerHTML="►";
audio.src = "http://upload.wikimedia.org/wikipedia/commons/5/5b/Ludwig_van_Beethoven_-_Symphonie_5_c-moll_-_1._Allegro_con_brio.ogg";
audio.play();
myPlayer.addEventListener('click', function(){
console.log(audio.currentTime);
if(audio.paused){
audio.src = "http://upload.wikimedia.org/wikipedia/commons/5/5b/Ludwig_van_Beethoven_-_Symphonie_5_c-moll_-_1._Allegro_con_brio.ogg";
myPlayer.innerHTML="►";
audio.play();
audio.onloadedmetadata = function(){
if(lastPause){
audio.currentTime = lastPause;
}
};
} else{
myPlayer.innerHTML="||";
lastPause = audio.currentTime;
audio.pause();
}
});