实现 HTML5 视频的最佳方式

我知道 HTML5 视频比其支持者希望我们相信的要复杂得多。 Safari 使用专有的 H.264 编解码器，而 Firefox、Chrome 和 Opera 都支持开源 Theora。 Internet Explorer 两者都不支持，因此需要备用，例如 .mov 或 Flash。

我在某处找到了一个很棒的指南，其中汇总了所有这些浏览器上的 HTML5 的分步指南，但我在任何地方都找不到它。很烦人 ：（

实现 HTML5 视频以覆盖所有这些浏览器的最佳方法是什么？ （不幸的是，Flash 不是一个选项。）

Edit:好的，根据我所读到的内容，这是我自己的答案：这是实现 HTML 5 视频的最佳方式...

    <video id="video" width="450" height="170" preload="auto" autoplay="autoplay">
        <source src="../static/video/video.mp4" />
        <source src="../static/video/video.webm" type='video/webm; codecs="vp8, vorbis"' />
        <source src="../static/video/video.ogv" type='video/ogg; codecs="theora, vorbis"' />
        <!-- Fallback (either Flash, an image, or a "Video not supported" message, etc.) -->
    </video>

这是迄今为止在每个浏览器上都能按预期工作的唯一方法。不幸的是，自动播放似乎在 Chrome 中不起作用？ :(

更新：Chrome 不支持自动播放。更新更新：自动播放适用于“静音”属性。

我怀疑克罗克·卡门 (Kroc Camen) 的这份指南就是您想要的指南http://camendesign.com/code/video_for_everybody http://camendesign.com/code/video_for_everybody.

如果您愿意使用 Flash 来支持旧版 IE，那么这并不像他概述的那么难。

每个视频有两个版本，一个 Theora 和一个 H.264 将涵盖所有可能的内容。如果您不介意浏览器使用 Flash 而不是 Theora，一个 H.264 就足够了。

WebM 也值得一读，它即将取代 theora。