Unobtrusive JavaScript iOS Solution Demo

JavaScript


window.onload = function() {
  // Get the play button and append the audio play method to on click
  var audio = document.getElementById("audiosrc");
  var play = document.getElementById('play');
  play.addEventListener('click', function(){
    audio.play();
  }, false);
}

html


<button type="button" id="play">
  <audio id="audiosrc">
    <source src="http://dev.bowdenweb.com/a/m/a/clipping_link-finds-a-secret-13908.ogg" />
    <source src="http://dev.bowdenweb.com/a/m/a/clipping_link-finds-a-secret-13908.mp3" />
    <source src="http://dev.bowdenweb.com/a/m/a/clipping_link-finds-a-secret-13908.wav" />
  </audio>
</button>