为什么HTML5视频不能在Firefox中运行？

时间：2013-07-03 09:48:21

标签： html5 firefox html5-video

这是我正在尝试的一些测试代码：

<!DOCTYPE html>
<html>
    <head>
        <title>HTML5 Player Proof Of Concept</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <video width="640" height="480" controls>
            <source src="test.mp4" type="video/mp4">
            <source src="test.ogg" type="video/ogg">
        </video>
    </body>
</html>

适用于Safari和Chrome。但在Firefox中，我得到了：

enter image description here

我使用这些文件：

2 个答案:

答案 0 :(得分：1)

我遇到了同样的问题。它适用于chrome，safari，firefox（localhost）。一旦我将它移动到我的服务器，它就不能再玩了。经过无数次尝试，我发现了这篇文章http://voice.firefallpro.com/2012/03/html5-audio-video-mime-types.html

并添加了

AddType video/mp4 .mp4 .m4v AddType video/ogg .ogv AddType video/webm .webm

到我的.htaccess。它奏效了。

答案 1 :(得分：0)

浏览器格式支持

据我所知，Firefox喜欢WebM格式，以及Ogg（它被推荐为拥有所有3个选项以实现跨浏览器兼容性）。此外，刚刚添加了对MP4或其他称为H.264的支持，如果您使用的是Linux，则需要运行Nightly版本的Firefox 24以获得H.264视频播放，否则，它将受到Firefox 22及更高版本的支持在Windows上。See this link here for more information on what supports the tag types。

您的服务器设置正确吗？

您的服务器可能未设置为支持为客户端提供正确的MIME类型。您可以通过将Mozilla Developer Network中this page显示的配置变量添加到您的配置中来了解如何解决此问题。

相关问题
最新问题