2013-11-27 24 views
0

所以這裏是我工作的一個小提琴:http://jsfiddle.net/bridget_kilgallon/rX6uD/1/簡單的HTML5音頻播放器可以在firefox和safari中使用,但不能使用chrome:使用mp3和ogg。需要的解決方案或回退

這首歌應該在頁面加載時自動播放,可暫停或使用按鈕播放。在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> 

回答

0

它工作完美的我在Chrome和回退是很容易做:

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

乾杯!

相關問題