3、HTML5 视频与音频元素使用指南

HTML5 视频与音频元素使用指南

1. 视频格式与浏览器支持情况

目前，若要让视频在支持 HTML5 <video> 元素的所有浏览器中都能播放，发布者需考虑三种文件格式，不同浏览器对这些格式的支持情况如下：
| 浏览器 | WebM | Ogg Theora | MPEG - 4 H.264 |
| ---- | ---- | ---- | ---- |
| Firefox | ✔ | ✔ | – |
| Safari | – | – | ✔ |
| Opera | ✔ | ✔ | – |
| Google Chrome | ✔ | ✔ | ✔ |
| IE | – | – | ✔ |

由于没有固定的基准编解码器，下面给出在 HTML5 中嵌入视频的三个简单示例：
- 嵌入 Ogg 视频 ：

<video src=”HelloWorld.ogv”></video>

• 嵌入 WebM 视频 ：

<video src=”HelloWorld.webm”></video>

• 嵌入 MPEG - 4 视频 ：