视频在 OSX 上的 FF 中不起作用答案

【问题标题】：Video not working in FF on OSX视频在 OSX 上的 FF 中不起作用
【发布时间】：2014-08-01 19:45:48
【问题描述】：

任何想法是 OSX 上的 Firefox 对 html5 视频有一些已知问题吗？我尝试添加了 3 种格式（mp4、ogg 和 webm）的视频，但仍然无法正常工作。

<video width="853" height="510" controls poster="img/video_first_screen_SEO.jpg">
    <source src="video/www.rankxpress.com-seo.mp4" type="video/mp4">
    <source src="video/www.rankxpress.com-seo.webm" type="video/webm">
    <source src="video/www.rankxpress.com-seo.ogv" type="video/ogg">
    I'm sorry; your browser doesn't support HTML5 video in WebM with VP8 or MP4 with H.264.
</video>

here 是我的工作进度。

【问题讨论】：

标签： html macos firefox video

【解决方案1】：

OSX 上的 Firefox 尚不支持 H264/MP4 视频，因此它将回退到 webm 和/或 ogv。

但是，正如 Web 控制台告诉您的那样，您的 .webm 和 .ogv 使用了错误的媒体类型：

不支持“text/plain”的 HTTP“Content-Type”。媒体资源http://rankxpressdesignandmarketing.com/Rankxpress_2014/new/video/www.rankxpress.com-seo.webm 加载失败。

您必须让您的网络服务器使用video/webm 和/或video/ogg MIME 类型来提供视频文件。见Media formats supported by the HTML audio and video elements。

由于您似乎使用 Apache 网络服务器，因此将以下内容放入 .htaccess 可能工作：

AddType video/webm .webm
AddType video/ogg .ogv .ogg

【讨论】：

但是我应该如何声明它们呢？ :|我什至现在尝试使用 type="video/ogg; codecs=dirac, speex"
您的网络服务器需要提供具有正确 MIME 类型的文件。