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>標簽播放視頻：

<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>

而且我已經為我的視頻設置了正確的模仿類型為.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的VP8視頻（VP80）
平面4：2：0 YUV

目前，我真的不知道如何解決這個問題。 有什么建議嗎？

Answer 1

我認為這個問題與一直到FF 20一直存在的錯誤有關，在該錯誤中，許多流行的webm編碼器都插入了負時間戳，並且Firefox在下載整個webm文件之前無法播放視頻： https：// bugzilla.mozilla.org/show_bug.cgi?id=868797

注釋中提到了此修復程序：

ffmpeg -i input.webm-編解碼器復制-avoid_negative_ts 1 output.webm

重要的編碼標志是-avoid_negative_ts 1

Answer 2

似乎我找到了解決方案：

我將ogv編解碼器從VP8切換到Theora，現在Firefox可以正確播放視頻了。

我將此代碼用作源：

<source src="/assets/video/background-purple.ogv" type="video/ogg">

MIMEtype為：

AddType video/ogg .ogv .ogg

編解碼器是：

Xiph.org's Theora Video (theo)

我猜想它也可以用於.webm，但我尚未對其進行測試。

Answer 3

Chrome瀏覽器在HTML5視頻方面有點漏洞。 按照Fez的建議進行操作，或僅使用.mp4和.webm。 WEBM在Chrome中更穩定，您只需要這兩種格式就可以與瀏覽器兼容。 這也節省了您渲染視頻的時間！