整体 html5 视频失败：图像/ogg 错误？答案

【问题标题】：overall html5 video failure: image/ogg error?整体 html5 视频失败：图像/ogg 错误？
【发布时间】：2013-02-28 18:22:37
【问题描述】：

除 Chrome 之外的所有浏览器都无法正确显示我的 HTML5 视频。 http://cordeck.ba.lightburncloud.com/test-video

这是我的标记：

<video class="video-js vjs-default-skin" controls="" autoplay="" preload="auto" data-setup="{}">
    <source type="video/ogg" src="/files/videos/sample.ogg">
</video>

例如，Firefox 在我的视频框中显示以下消息：

No video with supported format and MIME type found

在错误控制台中，我收到以下消息：

HTTP "Content-Type" of "image/ogg" is not supported. Load of media resource http://http://cordeck.ba.lightburncloud.com//files/videos/sample.ogg failed.

据我所知，image/ogg 类型不存在，我也不会在我的网站中使用它。什么给了？

【问题讨论】：

您的网络服务器发送什么Content-Type 标头？确保它是video/ogg。
正在发送视频/ogg
你读过：diveintohtml5.info/video.html?
"每个浏览器，除了 Chrome"...这是一个太常见的问题。 Chrome 太好了 ;D
我会尝试 canPlayType 测试，看看浏览器是否认为它可以播放 - 并不完美，但可能有助于缩小有效范围 - stackoverflow.com/questions/15097554/…

标签： html video ogg

【解决方案1】：

此问题已解决。显然，提供图像的 CMS 附加了自己的 MIME 类型，并将它们与文件一起存储在数据库中。

网络服务器发送的类型正确，但被第三方应用程序覆盖。

【讨论】：