3

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

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

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

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

无论如何，任何想法、过程、图书馆链接等都将受到赞赏。

谢谢 -

4

2 回答 2

3

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

<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 视频，然后回退到 flash。

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

如果您还没有，我建议您阅读本指南。

编辑：

如果您正在寻找最低的常见恶魔，那么肯定会暗示 H.264 over HTTP。Flash 可以在没有媒体服务器的情况下播放它，而且它是 iOS 支持的唯一格式，所以你暂时可以接受一种格式。

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

所以真正的困境毕竟是替代浏览器。您可以使用两种格式而不是一种格式（加入 WebM），或者您只保留 H.264 并在非 h264 浏览器上使用 Flash。

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

于 2011-04-29T14:44:38.407 回答
0

你看到JWPlayer了吗？它可能会为您节省一些时间。

于 2011-04-29T14:43:50.157 回答