为啥 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 <video> 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 视频元素?的主要内容,如果未能解决你的问题,请参考以下文章
使用 FireFox 从 localhost 到 REST 服务的 XMLHttpRequest 的 CORS 问题