html - Opera 和 HTML5 视频

标签 html 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 :

GET /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 Version/11.01

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

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

有什么想法吗?

最佳答案

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

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

这是video吗?为你工作? 您是否有指向您尝试播放的视频的链接?

关于html - Opera 和 HTML5 视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5536616/

相关文章:

javascript - 高度设置为自动时 div 的定位

javascript - HTML5 视频在 Safari 中不工作

javascript - YUI:自定义取消窗口关闭事件时浏览器显示的消息

html - 水平内联 block 内 float 2 个元素

javascript - 如何在 Angular 5 中集中来自根组件的深层嵌套输入?

html - 连续两个 div。当右一个改变大小时,左一个增长到可用空间

javascript - 我如何将更多视频源添加到我的 javascript 代码中?

video - 使用 Handbrake 将 MKV 无损转换为 MP4

javascript - FormData 不适用于 Firefox 上的 String

javascript - Facebook Graph API 调用不再有效(因为 Facebook Cookie)