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

Posted

技术标签:

【中文标题】为啥我的 webm 文件不能在 Firefox 中播放?【英文标题】:Why isn't my webm file playing in firefox?为什么我的 webm 文件不能在 Firefox 中播放? 【发布时间】:2013-12-06 18:46:51 【问题描述】:

我正在使用 video.js,我尝试使用 ogv,现在使用 webm。两者都不会在 Firefox 25 中播放。站点是 http://www.hybi.info

<video id="intro" class="video-js vjs-default-skin"   
data-setup= '"controls":true, "autoplay": true, "preload":"auto"'>
<source src="/images/intro.mp4" type="video/mp4">
<source src="/images/intro.webm" type="video/webm">
<source src="/images/intro.ogv" type="video/ogg">
</video>

在使用 video.js 之前我得到了

Video format or MIME type is not supported. 

在 Chrome 中运行良好。有什么关系?

【问题讨论】:

【参考方案1】:

已解决: 这里的问题实际上是托管帐户 - godaddy。

Godaddy 默认不提供 .webm 或 .ogv/ogg 并且使用 .httaccess 不会做任何事情。相反,您需要创建一个 web.config 文件并添加以下代码:

<configuration>
   <system.webServer>
   <staticContent>
     <mimeMap fileExtension=".EXTENSION" mimeType="TYPE/SUBTYPE" />
   </staticContent>
 </system.webServer>
</configuration>

例如我添加的:

<configuration>
 <system.webServer>
   <staticContent>
     <mimeMap fileExtension=".ogv" mimeType="video/ogg" />
     <mimeMap fileExtension=".webm" mimeType="video/webm" />
   </staticContent>
 </system.webServer>
</configuration>

来源:http://support.godaddy.com/help/article/6286/modifying-or-adding-custom-mime-types-to-windows-hosting-accounts

【讨论】:

【参考方案2】:

根据您页面的 html,一旦页面在 Firefox 上加载,视频元素将具有 src="/images/intro.webm"。但是,一旦我尝试访问该页面,它就会返回 404 错误。我相信视频只是丢失了,您需要将其放在图像目录中。 intro.ogv 视频也是这种情况 - 它只是丢失了。

【讨论】:

文件肯定在那里。刚刚检查了文件管理器。这与文件权限有关吗?

以上是关于为啥我的 webm 文件不能在 Firefox 中播放?的主要内容,如果未能解决你的问题,请参考以下文章

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

为啥 CORS 适用于 API 请求,但不适用于我的 Nginx 配置中的媒体文件(例如 mp4、webm)?

HTML5 视频无法在 Firefox 中播放

ROOKIE A​​LERT (Learning HTML5/ JavaScript/ CSS from a book): 为啥我的视频文件不能在 Firefox 中加载和播放(使用 Win 8,av

为啥 videojs 不能在 IE6/7/8 中播放我的 Flash 视频?

Firefox 的 HTML5 背景视频仍然无法播放