9、HTML5 视频与微数据应用全解析

HTML5 视频与微数据应用全解析

1. 多浏览器视频支持

在网页开发中，确保原生视频能在尽可能多的浏览器上播放是一个常见需求。为解决此问题，可使用 <video> 元素的 <source> 子元素来指定不同的视频格式。示例代码如下：

<video controls>
    <source src="video.mp4" />
    <source src="video.ogv" />
    Your device does not support HTML5 video.
</video>

需要注意的是，要从 <video> 元素中移除 src 属性及其值。使用 .mp4 和 .ogv 格式基本能覆盖所有支持 HTML5 的浏览器，但视频格式的顺序也很重要，应按最理想至最不理想的顺序列出，因为浏览器会播放其识别的第一种格式。不过在 iOS 3 中存在一个 bug，它只识别第一个 <source> 元素。若目标用户包含 iOS 3 用户，应将 .mp4 引用放在首位；否则，免费升级到 iOS 4 可解决此问题。

除了指定视频文件本身，还建议为视频文件指定 MIME 类型，示例如下：