2010-05-03 72 views
11

我们刚刚开始使用html5视频,并且似乎无法获得.ogg文件在Firefox中播放,所有提示?下面是我们所使用的源:.ogg视频未在Firefox中播放

<video width="640" height="360" poster="http://video.thewebreel.com/episode_001/episode_001.jpg" controls autoplay autobuffer> 
    <source src="http://video.thewebreel.com/episode_001/episode_001.ogg" type="video/ogg" type='video/ogg; codecs="theora, vorbis"'/> 
    <source src="http://video.thewebreel.com/episode_001/episode_001.mp4" type="video/mp4" /> 
</video> 

的活生生的例子可以在这里看到:

http://thewebreel.com/2010/05/02/episode-1.html 

但是我们完全被难住了,一切似乎都分毫不差。

+2

重复http://stackoverflow.com的/问题/ 2643447/HTML5的视频MP4安d-ogv-safari-and-firefox-but-chrome-all-all/2644341 – hsivonen 2010-05-03 07:13:13

+0

为什么在第一个源代码中有两个类型属性? – Ms2ger 2010-05-03 17:23:04

+0

复制/粘贴错误,这似乎不是问题,但感谢您的注意。 – 2010-05-03 17:26:42

回答

17

我上传你的.OGG到我的服务器怀疑这是一个服务器的问题,这是我的服务器上工作正常

我猜这是因为你的Web服务器与

Content-type: binary/octet-stream 

尝试增加回复MIME类型来nginx的...

打开Nginx的MIME类型的配置文件,如:/etc/nginx/mime.types

拉斯维加斯后添加这些行t video mime type

video/ogg        ogm; 
video/ogg        ogv; 
video/ogg        ogg; 
+0

我使用亚马逊S3,你认为我应该使用:'video/ogg'或'application/ogg'出于某种原因他们的文档说'application/ogg'我不是很清楚,再次感谢! – 2010-05-04 04:54:37

+0

我想尝试应用程序/ ogg,因为这是他们的文档说的。我的服务器回复,它的作品。 – Galen 2010-05-04 15:02:11

+1

application/ogg应该可以工作(并且曾经被推荐),但是从技术上讲,现在你应该使用video/ogg。 http://blog.gingertech.net/2008/09/05/new-ogg-mime-types-ratified/ – 2010-05-05 17:53:18

1

Ogg的视频播放在Firefox 3.6上播放,但不是4.0。

这里的解决方案:视频自动缓冲控制预装=“自动”,而不是视频控件预装=“无”

这在Firefox 3.6和4.0,现在MSIE 9!

+0

大声笑,完全,html5视频支持有很长的路要走,其悲伤的障碍是授权,其结果是每个人都有一个令人讨厌的经历。 – 2011-04-20 03:02:27