Html5 视频和 Flash 方法

研究 HTML5 视频标签，并研究哪些浏览器支持哪些视频文件类型，我最初的想法是事情变得比仅仅使用 Flash 更困难。

我想知道是否有人已经找到一些骨架代码（与视频的开发方法相结合）来执行以下操作：

1. 如果闪光灯可用，请使用它
2. 如果没有，请尝试 html5 视频 ogg 格式
3. 如果这不起作用，请尝试 html5 视频 h.264 格式
4. 如果这不起作用，请尝试 html5 视频 webM 格式

根据我所看到的，我认为现在为了适应所有浏览器上的所有用户，视频需要以 4 种格式发布，我的想法是否正确？如果是这样，那么这个 HTML5 视频就是一个史诗般的失败！

不管怎样，任何想法、过程、图书馆链接等都值得赞赏。

Thanks -

这并不难。您可以为单个文件提供多个来源（多种格式）<video> tag.

<video width="320" height="240" controls>
  <source src="pr6.mp4"  type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"'>
</video>

更好的选择是搜索原生 html5 视频首先，然后回退到闪存。

您需要的两个格式是 WebM（免版税，受替代浏览器 Mozilla、Opera、Chrome 等支持）和用于大型浏览器（IE 和 Safari）的 H.264。您的后备选项（闪存）也可以播放 H.264。

我建议阅读本指南 http://diveintohtml5.info/video.html如果你还没有。

Edit:

如果您正在寻找最小公分母，那么它肯定是暗示 H.264 over HTTP。 Flash 可以在没有媒体服务器的情况下播放它，而且它是 iOS 支持的唯一格式，因此暂时只使用一种格式就可以了。

但即使使用这种单一格式，您也可以在两个工厂团队（Safari 和 IE）上支持基于 HTML5 的播放。我知道视频标签有点新，但它们建立在操作系统的坚实基础上。即使在这种情况下，它们也是比 Flash 更好的选择。

因此，真正的困境归根结底在于替代浏览器。您可以使用两种格式而不是一种（加入 WebM），或者仅使用 H.264 并在非 h264 浏览器上使用 Flash。

这是个人喜好的问题（以及双重存储的成本）。但现在存储通常是免费的，无论如何，带宽才是真正的成本因素。