HTML5音频与视频

HTML5的两个重要元素audio和video，对于这两个元素，HTML5规范提供了通用、完整、可脚本化控制的API。

audio元素来播放声音文件或音频流，controls属性用于提供播放、暂停和音量控件，音频不加这个特性，那么页面上任何信息都不会出现，因为音频元素唯一可视化信息就是对于的控制界面。使用source元素来连接到不同的音频文件，浏览器会自动选择第一个可以识别的格式。

<audiosrc="samplesong.mp3" controls="controls"></audio>

在audio元素中设置autoplay和loop属性实现循环播放一首背景音乐。

<audioautoplay loop>

video元素来播放视频文件或视频流。controls属性用于提供播放、暂停和音量控件，也可以包含宽度和高度属性，如果不加这个特性，那么在播放的时候就不会显示控制界面。

<video src="samplesong.mp3"controls="controls"></video>

设置autoplay属性，不需要任何用户交互，音频或视频文件就会在加载完后自动播放。

 

autobuffer属性：可读写属性，使用该属性可以使audio和video元素实现自动缓冲，默认值为false。

<audio  controls="controls" autobuffer="true"></audio>

autoplay可读写属性可以实现页面加载音频后一旦就绪即开始自动播放。

<audio  controls="controls" autoplay="autoplay"></audio>

buffered只读属性用于返回一个TimeRanges对象，确认浏览器已经缓存媒体文件。

controls可读写属性可以位媒体文件提供用于播放的控制条，包含播放、暂停、定位、时间显示、音量控制、全屏切换等常用控件，为布尔值。