为啥 Firefox 不能从 Localhost 播放 HTML5 视频元素?

Posted

技术标签:

【中文标题】为啥 Firefox 不能从 Localhost 播放 HTML5 视频元素?【英文标题】:Why is firefox can't play HTML5 Video Element from Localhost?为什么 Firefox 不能从 Localhost 播放 HTML5 视频元素? 【发布时间】:2011-10-03 19:09:49 【问题描述】:

我尝试在 localhost 上使用以下代码通过 html5 播放视频:

<html>
<head>
<meta charset="utf8">
    <title>HTML5 &lt;video&gt; content negotiation test</title>
</head>
<body>
</body>
<video src="Firefox.ogv"  autoplay="true" controls="true">
      Your browser does not support the <code>video</code> element.
</video>
</html>

它与 Chrome 完美配合, http://imageshare.web.id/images/60h5p00ixmetpyerd7w.jpg

但为什么它不适用于 Firefox http://imageshare.web.id/images/4bky59ruk8djra8wtmp.jpg

我将它托管在 IIS7 上,这是我的 web.config

    <staticContent>
        <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
        <mimeMap fileExtension=".ogv" mimeType="video/ogv" /> 
    </staticContent>

【问题讨论】:

链接不会指向图片。 您使用的是什么版本的 Firefox? 请检查: 1. firebug net 面板并确保 Firefox.ogv 确实具有 video/ogg mime-type 2. 检查 firebugs DOM 中 video-element 的 error 和 networkState 属性- Tab 3. 请为布尔 HTML5 属性使用规范值或空值 【参考方案1】:

这可能是您在 .htaccess 文件中设置 MIME 类型的方式存在问题,您可能需要添加以下内容才能使 .ogv 正确显示

AddType video/ogg .ogv

如果 mime 类型不正确,Firefox 往往不会播放 .ogg 视频!

【讨论】:

同样使用 phpinfo() 来确保 mod_mime 模块被加载【参考方案2】:

你想要“video/ogg”,而不是“video/ogv”。

【讨论】:

@user834931 在那种情况下很难说。您确实检查了服务器现在发送的 MIME 类型是否正确?

以上是关于为啥 Firefox 不能从 Localhost 播放 HTML5 视频元素?的主要内容,如果未能解决你的问题,请参考以下文章

为啥我的 webm 文件不能在 Firefox 中播放?

为啥 Firefox 中的网络字体不能在不同的域上工作?

为啥我的音频文件不能在 Firefox 中播放?

使用 FireFox 从 localhost 到 REST 服务的 XMLHttpRequest 的 CORS 问题

Gstreamer:为啥我不能在 localhost 上通过 UDP 发送数据?

为啥我不能在“localhost”上收听,但可以在“127.0.0.1”上收听?