HTML5出现之前,我们想要在浏览器中进行视频的播放是很麻烦的,需要使用到浏览器中的插件,其中以flash
插件为主,但是在HTML5中规定了浏览器可以播放视频的标准:使用video
标签可以控制播放给定格式的视频,因为HTML是标记语言,它所有的功能实现都是以标签为主,所以播放视频当然也使用了标签语法
HTML5 支持的视频格式
HTML5 规定了可以通过
video
标签来包含要播放的视频的标准方法。但遗憾的是在这个标准中只是规定了几种视频格式标准,并不是支持所有主流的视频格式,
video
标签目前只支持三种视频格式:
格式 |
IE |
Firefox |
Opera |
Chrome |
Safari |
Ogg |
不支持 |
3.5+ |
10.5+ |
5.0+ |
不支持 |
MPEG |
9.0+ |
不支持 |
不支持 |
5.0+ |
3.0+ |
WebM |
不支持 |
4.0+ |
10.6+ |
6.0+ |
不支持 |
三种视频格式说明:
格式 |
MIME-type |
说明 |
MPEG |
video/mp4 |
使用 H.264 视频编码 和 AAC 音频编码的 MPEG 4 视频文件 |
Ogg |
video/ogg |
使用 Theora 视频编码 和 Vorbis 音频编码 的 Ogg 视频文件 |
WebM |
video/webm |
使用 VP8 视频编码 和 Vorbis 音频编码的 WebM 视频文件 |