为什么我的webm文件不在firefox中播放?

时间:2013-11-22 01:53:17

标签: html firefox html5-video ogg webm

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

<video id="intro" class="video-js vjs-default-skin" width="498" height="365" 
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中运行良好。这笔交易是什么?

2 个答案:

答案 0 :(得分:3)

<强>解决: 这里的问题实际上是托管帐户 - 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

答案 1 :(得分:0)

根据您网页的HTML,一旦页面加载到Firefox,视频元素就会显示src="/images/intro.webm"。但是,一旦我尝试访问该页面,它就会返回404错误。我认为视频丢失了,你需要把它放在images目录中。这也是intro.ogv视频的情况 - 它完全没有了。