2017-06-26 57 views
0

我使用w3school html音频播放器,这是不支持在Firfox和铬的正常工作,我需要一个HTML,JavaScript/jQuery的播放器,这是支持在Frefox以及所有浏览器请建议。如何用Firefox支持Html5音频播放器?

这是我的HTML音频播放器代码: -

<html> 
<body> 

<audio controls> 
    <source src="horse.ogg" type="audio/ogg"> 
    <source src="horse.mp3" type="audio/mpeg"> 
Your browser does not support the audio element. 
</audio> 

</body> 
</html> 

请推荐?

+2

这个作品我在mozila最终罚款: - https://www.w3schools.com/html/tryit.asp ?文件名= tryhtml5_audio_all(W3学校示例) –

+0

同样,Firefox用户正常工作。 – Oen44

+0

不,我使用的是Firefox版本54.0,该版本不起作用 – Subhac05

回答

0

默认情况下,大多数服务器(包括由GoDaddy使用的服务器)都不会为OGG文件提供适当的MIME类型。既然如此,如果您希望HTML5音频播放器在Firefox中正常工作,则需要为OGG文件设置适当的MIME类型。因此,对于Apache服务器,您需要以下添加到您的.htaccess文件:

将AddType音频/ OGG .oga
将AddType视频/ OGG的.ogv
将AddType应用/ OGG .OGG

显然,如果没有提供MIME类型,其他浏览器将根据文件扩展名猜测MIME类型。

如果您想了解更多的相关信息,请查看Mozilla开发者网络上的本页面:https://developer.mozilla.org/en/Configuring_servers_for_Ogg_media

+0

感谢Chirag,但我在我的本地主机,所以如何解决问题到我的本地主机。 – Subhac05

+0

您的ogg文件可能无法播放。尝试只玩ogg。 Chrome支持mp3和ogg。它可能跳过了ogg并去了mp3。火狐播放ogg和wav。 –

+0

ogg在chrome上播放,但是问题出现在firefox中。它会是.mp3,.ogg,.wav Firefox不支持其中的任何一个,但chorme已经支持所有这些。 – Subhac05