简单的HTML5音频播放器适用于firefox和safari,但不适用于chrome:使用mp3和ogg。需要解决方案或后备

时间:2013-11-27 21:19:50

标签: html5 browser html5-audio fallback

所以这里是我正在做的事情的小提琴:http://jsfiddle.net/bridget_kilgallon/rX6uD/1/

歌曲应在页面加载时自动播放,可以使用按钮暂停或播放。在Firefox中它一切正常。在safari中,歌曲不会在工作现场自动播放,但它会在小提琴中自动播放,按钮在两个实例中都有效。在铬合金中,它都不起作用。

如果有人知道解决方案或后备会很棒。

<audio id="music" autoplay="autoplay">
<source src="http://www.onlinebusinesscompany.com/wp-content/uploads/2013/11/03-Bump-City.mp3" type="audio/mpeg">
<source src="http://www.onlinebusinesscompany.com/wp-content/uploads/2013/11/03_Bump_City.ogg" type="audio/ogg">
</audio>

<button id="pausebtn" onclick="document.getElementById('music').pause()">Pause</button>
<button id="playbtn" onclick="document.getElementById('music').play()">Play</button>

1 个答案:

答案 0 :(得分:0)

它在Chrome中非常适合我,并且很容易做出后退:

<audio>
<source src="foo.com/audio.mp3" type="audio/mpeg">
<p>This is a fallback<p>
<audio>

干杯!