Opera和HTML5视频

时间:2011-04-04 09:20:21

标签: html5 video cross-browser opera ogg-theora

在我的网站上,我有mp4和ogv格式的视频。 mp4在webkit浏览器中播放。 ogv在Firefox中播放,但在Opera中不需要。

有一个简单的HTML:

<video poster="my_video.jpg" controls="controls">
    <source src="my_video.mov" type="video/mp4" />
    <source src="my_video.ogv" type="video/ogg; codecs='theora, vorbis'" />
</video>

当我打开一个页面时,我看到带有海报的视频元素,但是当我点击播放按钮时,没有任何反应。我没有看到加载进度和一切仍然是原样。 但Firefox播放得很好。

在Opera的网络检查器中,我看到.ogv视频文件请求的HTTP Header:

  

获取/my_video.ogv HTTP / 1.1

     

User-Agent:Opera / 9.80(Macintosh; Intel Mac OS X 10.6.7; U; ru)Presto / 2.7.62版本/ 11.01

     

接受:text / html,application / xml; q = 0.9,application / xhtml + xml,image / png,image / jpeg,image / gif,image / x-xbitmap, / ; q = 0.1

“接受”部分令我困惑。为什么它接受视频的这些内容类型?

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

对于Opera,您实际上只需要将these two mime types添加到Apache或您将使用的任何服务器上。

AddType video/ogg .ogv
AddType audio/ogg .oga

video适合你吗? 你有想要播放的视频的链接吗?

答案 1 :(得分:0)

我已经明白了。

我有YAML文件中列出的MIME类型,应该在Mongrel loading:

上指定
/usr/bin/mongrel_rails -m /path_to_mime_types.yml

我只有“.ogv:video / ogg”。但是,根据HTML5 video problem,Opera需要更多:

.ogv: video/ogg
.oga: audio/ogg
.ogg: application/ogg
.webm: video/webm
.mp4: video/mp4

当我添加这些类型时,Opera将播放.ogv视频。

感谢。