html5 audio多个source,Javascript HTML5 <audio> multiple source

I am trying to insert the same song into 2 different sources on my audio player using javascripts 'getElementByID'.

HTML:

Your browser does not support the audio tag.

JavaScript:

function songOne(){

document.getElementById('ogg').src="../audio/pt/lllg/Panda's Thumb.ogg";

document.getElementById('mp3').src="../audio/pt/lllg/Panda's Thumb.mp3";

document.getElementById('songName').innerHTML="Panda's Thumb";

audio.play();

}

As you can see, when the function runs, it places the .ogg file into the id="ogg" and the .mp3 into the id=".mp3". Though, when I inspect the element the source has changed but the song will not play.

I can get it to work with only one source:

But then it will only play on browsers that support mp3 or ogg and the others miss out.

What am i doing wrong?