0

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

<!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 中，我得到：

在此处输入图像描述

我使用这些文件：

4

2 回答 2

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。有效。

于 2014-01-31T19:16:53.597 回答
0

浏览器格式支持

据我所知，Firefox 喜欢WebM格式以及 Ogg（建议在其中包含所有 3 个选项以实现跨浏览器兼容性）。此外，刚刚添加了对 MP4 或其他称为 H.264 的支持，如果您在 Linux 中，则需要运行 Firefox 24 的 Nightly 版本才能播放 H.264 视频，否则，它受 Firefox 22 及更高版本的支持在 Windows 上。有关支持标签类型的内容的更多信息，请参见此处的链接。

您的服务器设置正确吗？

您的服务器可能未设置为支持为客户端提供正确的 MIME 类型。您可以通过将Mozilla 开发人员网络的此页面上显示的配置变量添加到您的配置来查看如何解决此问题。

于 2013-07-03T09:55:48.013 回答