Javascript HTML5 <audio> sorgente multipla

Question

Sto provando a inserire la stessa canzone in 2 fonti diverse sul mio lettore audio usando javascripts 'getElementByID'.

HTML:

<audio id="audio"> 
    <source id="ogg" src="song1.ogg" type="audio/ogg"> 
    <source id="mp3" src="song2.mp3" type="audio/mp3"> 
    Your browser does not support the audio tag. 
</audio> 

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(); 
} 

Come si può vedere, quando la funzione viene eseguito, pone il file .ogg nella id = "ogg" e il .mp3 in l'id = ". mp3". Tuttavia, quando ispeziono l'elemento la fonte è cambiata ma la canzone non suonerà.

posso farlo funzionare con una sola fonte:

<audio id="audio" src=""></audio> 

Ma poi si giocherà solo su browser che supportano mp3 o ogg e gli altri perdere fuori. Cosa sto sbagliando?

Answer 1

Io non so molto di HTML5 audio, ma provate questo:

Dopo aver modificato la src attr, emettere un comando audio.load();

Controllare questo articolo: http://html5doctor.com/native-audio-in-the-browser/