サファリ - HTML5オーディオ

Question

私は動的にソース情報とオーディオタグを移入するためにJavaScriptを使用しています。 Chromeで正常に動作しますが、Safariでソース情報は、オーディオタグ内に変更し、まだそれは同じ歌を果たしています。これが起こってしまうことが理由として任意のアイデア？

http://www.chicagowebguru.com/HTML5Player/

Answer 1

ノードを再作成しようとしたことがありますか？

document.removeChild(document.getElementById("audio-player"); 

var dynamicAudio = document.createElement("audio"); 
dynamicAudio.name = "audio-player"; 
dynamicAudio.id = "audio-player"; 
var dynamicSound1 = document.createElement("source"); 
var dynamicSound2 = document.createElement("source"); 
var dynamicSound3 = document.createElement("source"); 
dynamicSound1.src = "http://www.chicagowebguru.com/audio/RainbowConnection.mp3"; 
dynamicSound2.src = "http://www.chicagowebguru.com/audio/RainbowConnection.ogg"; 
dynamicSound3.src = "http://www.chicagowebguru.com/audio/RainbowConnection.wav"; 
dynamicAudio.appendChild(dynamicSound1); 
dynamicAudio.appendChild(dynamicSound2); 
dynamicAudio.appendChild(dynamicSound3); 

refNode = document.getElementById("message-container"); 
document.body.insertBefore(dynamicAudio,refNode.nextSibling); 

またはあなたがソースを変更するとき、あなたはまた、それが実際に新しいソースをロードするために取得するには、オーディオプレーヤーの​​を呼び出す必要があり、サファリではjQueryの多分

Answer 2

を使用することができます。

他のブラウザでは、それはそう、これを必要としません。