爲什麼html 5音頻標籤在FF上不起作用？

我已經構建了一個使用html5音頻標籤播放一些歌曲的web應用程序。當我使用FF（火狐）時，我必須播放ogg文件，而在IE上我必須播放mp3文件。爲什麼html 5音頻標籤在FF上不起作用？

問題是我剛剛將我的web應用程序移到godaddy服務器上，並且FF不再播放聲音。在localhost FF上播放聲音，但不在godaddy上播放。 Chrome會像在godaddy上一樣在localhost上播放聲音。

這是代碼中，我使用：

<audio id="ff01" src="/files/hello.ogg"></audio> 
<audio id="ie01" src="/files/hello.mp3"></audio> 
<button class="btn" onClick="document.getElementById('ff01').play()">FF</button> 
<button class="btn" onClick="document.getElementById('ie01').play()">IE</button>

你能告訴我爲什麼火狐扮演上localhost的文件，但不能在godaddy？

來源

2013-01-18 dole doug

什麼'內容Type'頭中您的服務器發送的文件.OGG以下？ –

我解決它通過增加在.htaccess文件

AddType audio/ogg .ogg 
AddType audio/mp3 .mp3

來源

2013-01-28 17:00:18

對於'.wav'文件，添加'AddType audio/x-ms-wma .wma'（感謝[在.htaccess中配置MIME類型]（http://wiki.joyent.com/wiki/display/gen/Configuring + MIME類型+ + +中的.htaccess）） –

您應該指定MIME類型並將每個音頻文件作爲audio標記的子節點;試試這個：

<audio id="01"> 
    <source src="/files/hello.ogg" type="audio/ogg"> 
    <source src="/files/hello.mp3" type="audio/mpeg"> 
    Your browser does not support the audio tag. 
</audio>

來源

2013-01-18 12:19:05 Will

ty爲答案。我現在使用這種格式，但它沒有解決問題。 –

爲什麼html 5音頻標籤在FF上不起作用？

回答

相關問題