第八章、多媒体技术 - 8.1嵌入视频和音频 - 《html5 css3网站设计基础》

嵌入视频和音频

语法格式
<video src="视频文件路径" controls="controls"></video>
在上面的语法格式中，src属性用于设置视频文件的路径，controls属性用于为视频提供播放控件，这两个属性是video元素的基本属性。并且

之间还可以插入文字，用于在不支持video元素的浏览器中显示。
其他属性：

属性	值	描述
autoplay	autoplay	如果出现该属性，则视频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
height	pixels	设置视频播放器的高度。
loop	loop	如果出现该属性，则当媒介文件完成播放后再次开始播放。
muted	muted	规定视频的音频输出应该被静音。
poster	URL	规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。
preload	preload	如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
src	url	要播放的视频的 URL。
width	pixels	设置视频播放器的宽度。

在HTML5中，audio标签用于定义播放音频文件的标准，它支持三种音频格式，分别为Ogg、MP3和wav。
语法格式
<audio src="音频文件路劲" controls="controls"></audio>
audio元素常见属性

属性	值	描述
autoplay	autoplay	当页面载入完成后自动播放音频
loop	loop	音频结束时重新开始播放
preload	preload	如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用autoplay，则忽略该属性

运用source元素可以为video元素或audio元素提供多个备用文件。
语法格式

<audio|video controls="controls">
<source src="音频（视频）文件地址" type="媒体文件类型/格式">
<source src="音频（视频）文件地址" type="媒体文件类型/格式">
...
</audio|video>