Javascript HTML5 <audio>複数のソース

Question

javascript 'getElementByID'を使用して、オーディオプレーヤーの2つの異なるソースに同じ曲を挿入しようとしています。

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

あなたが見ることができるように、関数が実行されるとき、それはID = "oggの" に.OGGファイルを配置し.MP3へid = ".mp3"。しかし、要素を調べると、ソースは変更されていますが、ソングは再生されません。

私はそれが唯一のソースで動作するように取得することができます。

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

しかし、それは唯一のmp3やoggのをサポートし、他の人が逃してブラウザ上で再生されます。 何が間違っていますか？

Answer 1

私はHTML5オーディオについて多くを知っているが、この試みてはいけない：audio.load();コマンド

チェックこの記事あなたはSRCのattrを変更した後

を、問題：http://html5doctor.com/native-audio-in-the-browser/

を