JSFiddle - React, Tailwind, and code Playground

by Kyle Bezio

HTML

<audio id="player" controls="controls">
  <source id="sourceOgg" src="" type="audio/ogg" />
  <source id="sourceMp3" src="" type="audio/mp3" />
  Your browser does not support the audio element.
</audio>

<p>
    <button onclick='loadSong()'> Load "Song1" </button>
</p>

JavaScript

function loadSong(){
    
    var player=document.getElementById('player');
    var sourceOgg=document.getElementById('player');
    var sourceMp3=document.getElementById('player');
    
    sourceOgg.src='http://www.w3schools.com/html5/song.ogg';
    sourceMp3.src='http://www.w3schools.com/html5/song.mp3';
    
   player.load(); //just start buffering (preload)
   player.play(); //start playing
}