2012-01-12 105 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" >