Question

适用于Chrome。而且，我正在使用ogg文件，所以这不是问题。我正在使用最新版本9.0.1。 Chrome和Firefox都支持HTML5音频。

<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>

Answer 1

默认情况下，大多数服务器（包括GoDaddy使用的服务器）都不为OGG文件提供适当的MIME类型。在这种情况下，如果您希望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

Answer 2

http://support.mozilla.org/en-US/questions/758978 我发现这在我的情况下很有用，因为我有适当的mime类型但仍然没有运气：

您无法在Firefox中使用此类代码播放MP3文件。见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" >

Answer 3

尝试使用一些音频库来处理HTML5音频。因为库处理有关html5音频的各种问题。如果浏览器不支持HTML5音频，某些库会为闪存音频提供自动回退功能。最好的图书馆之一是http://www.schillmania.com/projects/soundmanager2/

Answer 4

解决方案是将ogg文件正确转换为mp3，反之亦然。我刚刚将.ogg文件重命名为mp3时，编码错误了。我使用了名为“Audacity”和“Switch”的软件来实现这一目标。

HTML5音频无法在Firefox上运行

4 个答案: