html - Firefox 无法使用 HTML5 播放 .webm 和 .ogv 视频

Question

我为我的网站准备了 3 种视频格式:

/assets/video/background-purple.ogg
/assets/video/background-purple.webm
/assets/video/background-purple.mp4

在网站上 http://tekhy.net/

我使用

<video webkit-playsinline autoplay="autoplay" loop="true" poster="/assets/video/transparent.png">
    <source src="/assets/video/background-purple.ogg" type="video/ogg">
    <source src="/assets/video/background-purple.mp4" type="video/mp4">
    <source src="/assets/video/background-purple.webm" type="video/webm">
</video>

而且我已经为我的视频设置了正确的 mimetype 到 .htaccess 中:

AddType video/mp4 .mp4 .m4v
AddType video/webm .webm
AddType video/ogg .ogv .ogg

在 Google Chrome 和 Chromium 中都运行良好，在 Firefox Mobile 上也运行良好。在 Firefox Nightly 21.0a 上运行良好。但在 Elementary OS Luna 上的 Firefox 18.0.1 上，它不起作用。

Firebug 告诉我它无法解码 webm 和 ogg/ogv 媒体(Firefox atm 不支持 mp4)。

我也尝试过使用 background-purple.ogv type="video/ogv"但问题仍然存在。

我的 webm 视频是:

Google/On2's VP8 Video (VP80)
Planar 4:2:0 YUV

目前我真的不知道如何解决这个问题。有什么建议吗？

Answer 1

我相信这个问题与一直到 FF 20 的错误有关，其中许多流行的 webm 编码器都插入了负时间戳，而 firefox 在下载整个 webm 文件之前无法播放视频: https://bugzilla.mozilla.org/show_bug.cgi?id=868797

评论中提到了修复:

ffmpeg -i input.webm -codec copy -avoid_negative_ts 1 output.webm

重要的编码标志是-avoid_negative_ts 1