我有一个HTML页面,其中包含一些HTML5音频嵌入。这是设置,以便当一个人正在播放而另一个人被点击时,它会暂停第一个。因此,不应同时播放两个音频文件。我已经在Firefox和Chrome中使用它,但在IE中没有运气。
这是我的JSFiddle:http://jsfiddle.net/dledet1/55vag/11/
此外,这是我的代码:
HTML:
<!-- AUDIO 1 -->
<p><a onClick="EvalSound('song1'); return true;" target="player"><IMG SRC="http://designlab360.org/fhi/splash/dev2/images/arrow-right.png" BORDER=0 WIDTH=30 HEIGHT=29></a>
<audio id="song1" src="http://designlab360.org/fhi/splash/dev2/audio/wash-song1_2.mp3" controls preload="auto" autobuffer></audio>
<!-- AUDIO 2 -->
<p><a onClick="EvalSound('song2'); return true;" target="player"><IMG SRC="http://designlab360.org/fhi/splash/dev2/images/arrow-right.png" BORDER=0 WIDTH=30 HEIGHT=29></a>
<audio id="song2" src="http://designlab360.org/fhi/splash/dev2/audio/wash-song2_2.mp3" controls preload="auto" autobuffer></audio></p>
使用Javascript:
var currentPlayer;
function EvalSound(soundobj) {
var thissound=document.getElementById(soundobj);
if(currentPlayer && currentPlayer != thissound) {
currentPlayer.pause();
}
if (thissound.paused)
thissound.play();
else
thissound.pause();
thissound.currentTime = 0;
currentPlayer = thissound;
}
非常感谢任何帮助!谢谢!
答案 0 :(得分:0)
我正在进行实验,它似乎在所有IE版本中从9向上完美运行,但音频甚至不会在IE 8中播放。我做了一些研究,但事实证明{{1}在IE 9之前不支持}标记。
看起来你没有运气让它在IE8中运行,唯一的方法是使用embed标签:
<audio>
<embed src="http://designlab360.org/fhi/splash/dev2/audio/wash-song1_2.mp3"
您必须编辑您的javascript以补偿更改,但我希望我能帮助您。