我正在尝试使用JavaScript的“getElementByID”将同一首歌曲插入到音频播放器的两个不同源中。
HTML代码:
如您所见,当函数运行时,它将.ogg文件放入id="ogg",将.mp3文件放入id=".mp3"。然而,当我检查元素时,源已更改但歌曲无法播放。
我可以通过仅使用一个源来使其正常工作:
但是那样只能在支持mp3或ogg的浏览器上播放,其他浏览器则无法播放。 我做错了什么?
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的浏览器上播放,其他浏览器则无法播放。 我做错了什么?