Javascript HTML5 多源

Question

我正在尝试使用 javascripts“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();
}

如您所见，当函数运行时，它将 .ogg 文件放入 id="ogg"并将 .mp3 放入 id=".mp3"。虽然，当我检查元素时，源已更改但歌曲不会播放。

我可以让它只使用一个来源:

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

但是它只能在支持 mp3 或 ogg 的浏览器上播放，其他浏览器会错过。我做错了什么？

Answer 1

我不太了解 HTML5 音频，但试试这个:

After you change the src attr, issue a audio.load(); command

查看这篇文章:http://html5doctor.com/native-audio-in-the-browser/