2012-01-12 46 views
7

正常工作在Chrome。此外,我正在使用一個ogg文件,所以這不是問題。我正在運行最新版本9.0.1。 HTML5音頻應該被Chrome和Firefox支持。HTML5音頻不工作的Firefox

<audio id="audio"> 
    <source src="audio/Your_Hand_In_Mine.ogg" type="audio/ogg" /> 
    <source src="audio/Your_Hand_In_Mine.mp3" type="audio/mpeg" /> 
    Your browser does not support the audio element. 
</audio> 
+1

你的ogg文件可能無法播放。嘗試只玩ogg。 Chrome支持mp3和ogg。它可能跳過了ogg並去了mp3。火狐播放ogg和wav。 http://www.w3schools.com/html5/html5_audio.asp – Joseph 2012-01-12 07:59:33

+0

有趣的承擔。不過,我在Chrome上打開了ogg文件,運行良好。我試圖創建一個.wav文件並在FF上播放,但沒有任何運氣。感謝您的評論! – Tony 2012-01-12 08:24:54

+1

直接從鏈接打開時,FF是否會播放ogg文件獨立?你自己編碼這個文件嗎? – 2012-01-12 08:27:02

回答

0

的解決方案是將OGG文件正確地轉換成MP3或反之亦然。當我剛剛將.ogg文件重命名爲mp3時,編碼錯了,我很傻。我使用名爲「Audacity」和「Switch」的軟件來完成這個任務。

+0

有辦法進行編碼同意歐普所接受的答案。我使用了一個在線轉換器,並且我無法對ffox中的html5代碼工作做任何變化(對象工作)。大膽地轉換轉換,一切都很好。 – wazz 2013-03-04 16:53:04

+5

我想這是一切的第一次。包括看到負面投票的答案作爲accacent的答案! – SexyBeast 2013-08-27 15:43:03

8

大多數服務器(包括那些通過GoDaddy的使用)默認情況下不投放相應的MIME類型爲OGG文件。既然如此,如果您希望HTML5音頻播放器在Firefox中正常工作,則需要爲OGG文件設置適當的MIME類型。因此,對於Apache服務器,您需要以下添加到您的.htaccess文件:

AddType audio/ogg .oga 
AddType video/ogg .ogv 
AddType application/ogg .ogg 

顯然,其他瀏覽器會猜測基於文件擴展名MIME類型如果MIME類型未送達。

如果您想了解更多的相關信息,請查看Mozilla開發者網絡上的本頁面:https://developer.mozilla.org/en/Configuring_servers_for_Ogg_media

4

http://support.mozilla.org/en-US/questions/758978 我發現在我的情況下,這是有用的,因爲我有適當的MIME類型,仍然沒有運氣:

無法播放MP3文件在Firefox這樣的代碼。 見https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements

<audio controls="controls"> 
<source src="http://www.kevinroseworld.com/Music/OkaVanga/OkaVanga/BajeLaCalle.mp3" type="audio/mpeg" /> 
Your browser does not support the audio element. 
</audio> 

你將不得不使用正常的對象元素可以在Firefox中播放的歌曲。 你可以看看下面的例子:

<object data="music.mp3" type="application/x-mplayer2" width="xxx" height="xxx"><param name="filename" value="music.mp3"></object> 
<embed type="application/x-mplayer2" src="file.mp3" height="xxx" width="xxx" >