Javascript HTML5 <audio> fuente múltiple

Question

Estoy tratando de insertar la misma canción en 2 fuentes diferentes en mi reproductor de audio utilizando 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(); 
} 

Como se puede ver, cuando la función se ejecuta, se coloca el archivo .ogg en el id = "ogg" y el .mp3 en el id = ". mp3". Sin embargo, cuando inspecciono el elemento, la fuente ha cambiado pero la canción no se reproduce.

puedo conseguir que funcione con una sola fuente:

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

Pero entonces sólo se podrá reproducir en navegadores que soportan mp3 o ogg y los otros pasan por alto a cabo. ¿Qué estoy haciendo mal?

Answer 1

No sé mucho acerca de HTML5 de audio, pero intente esto:

Después de cambiar el src attr, ejecute un comando audio.load();

Comprobar este artículo: http://html5doctor.com/native-audio-in-the-browser/