HTML5 的到来之前每个视频的播放都需要通过 web 浏览器中通过第三方浏览器插件。最初我们亲眼目睹 RealPlayer,接着是 Windows Media Player 和 QuickTime 现在是 Flash这是目前主导的插件播放大量的网络视频。
HTML5 引入了一个新的标准在 web 页面中嵌入和播放视频无任何第三方插件只需使用一个视频元素。 似乎是容易的对吗? 但是你会发现没有这样的一个视频格式适用于目前所有 HTML5 web 浏览器。
最大兼容浏览器 HTML5 视频我们推荐你的视频编码转成如下HTML5视频格式,并在将它们嵌入到你的网页。
多个视频上面所提到的是为了最大的 HTML5 视频浏览器兼容性,我们需要3个不同版本的视频。 您可以在web页面中嵌入多个 HTML5 视频在HTML5 视频元素例子:
源代码详见下面:
现在让我们去将海报图片添加到HTML5视频。