Question

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

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

网站http://tekhy.net/

上的

我使用＆lt; video＆gt;用于播放视频的标签：

<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”，但问题仍然存在。

我的网络视频是：

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 -codec copy -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中更稳定，您只需要这两种格式即可实现浏览器兼容性。这也可以节省您渲染视频的时间！

Firefox不会使用HTML5播放.webm和.ogv视频

3 个答案: