掌握HTML5中的多媒体-视频(video)
日期：2014-05-17 浏览次数：20877 次
掌握HTML5中的多媒体--视频(video)
除非你一直生活在一个偏远的岛屿上,过去一年左右的时间,你应该已经听说过HTML5的各式炒作。HTML5将重塑富Web应用的未来。
下面 Figure 1的示例展示了HTML5中video标签与传统的object标签的不同.
Figure 1
1. <section>
2. <h1>使用HTML5的video标签播放视频</h1>
3. <videosrc="video1.mp4">
4. </video>
5. </section>
6. <section>
7. <h1>使用Flash插件播放视频</h1>
8. <objecttype="application/x-shockwave-flash"
9. data="player.swf"width="290"height="24">
10. <paramname="movie"value="player.swf">
11. </object>
12.</section>
那么重要的是什么呢? 这两个示例很简单,也易于实现。因为<视频>标记是一个用来播放媒体的标准, 你不必猜测浏览器是否要安装特定的某个版本插件。这个标准正是HTML之前最为缺少的那部分。
HTML5支持的媒体格式
HTML5支持AAC, MP3 和 Ogg Vorbis三种音频格式，以及Ogg Theora, WebM 和MPEG-4三种视频格式.
但并不是所有浏览器都支持所有的格式。如下表：
Figure 2浏览器支持的媒体格式
|
浏览器 |
