HTML5音视频标签

HTML5音视频标签

前言：

HTML5在不使用插件的情况下，也可以原生地支持音视频文件的播放，只不过支持的格式是有限的

1. 视频<video>

• 语法：

<video src="源文件地址" controls="controls" …………></video>

• 常见属性：

属性	值	描述
autoplay	autoplay	视频就绪自动播放（Chrome浏览器需要添加muted来解决自动播放的问题）
controls	controls	向用户显示播放控件（进度条，是否静音等）
width	pixels（像素值）	设置播放器宽度
height	pixels（像素值）	设置播放器高度
loop	loop	是否进行循环播放
preload	auto（自动预加载） none（不进行预加载）	规定是否预加载视频，如果已添加autoplay属性，就会忽略该属性
src	url	视频的url地址或本地路径
poster	imgurl	预加载是视频封面显示的图片
muted	muted	静音播放

2. 音频<audio>

• 语法：

<audio src="源文件地址" controls="controls" …………></audio>

• 常见属性

属性	值	描述
autoplay	autoplay	出现该属性，音频就绪后会立刻播放
controls	controls	向用户显示播放控件（进度条，暂停按钮等）
loop	loop	是否进行循环播放
src	url	音频的url地址或本地路径