4.5使用多种来源的多媒体和备用我文本<source> HTML

由于不同的浏览器对HTML5的支持各不相同，要获得所有兼容HTML5的浏览器的支持，至少需要提供两种格式以上的视频和音频。如何做到呢？这时就要用到HTML5的<source>元素了。通常，<source>元素用于定义一个以上的媒体元素。

<source>元素可以链接不同的媒体文件，例如视频文件和音频文件等。<source>元素常用的属性如下表所示。<video>或者<audio>元素中可以指定多个<source>元素，浏览器按<source>标记的顺序检测指定的视频是否能够播放（可能是视频格式不支持、视频不存在等），如果不能播放，换下一个，此方法多用于兼容不同的浏览器。

属性         属性值                                              描述

src              url                                       设置要播放视频的URL（不能缺省）

type       video/mp4、video/webm、   用于指定视频的类型，帮助浏览器决定是否能播放该视频

              video/ogg

media     media query                  用于为视频来源指定CSS3媒体查询，从而可以为具有不同屏幕尺寸的设备                                                       指定不同的（如更小的）视频