HTML5新增的视频元素与音频元素

HTML5新增的视频元素与音频元素

• 整理时间：2017-10-4 整理人：info#haixia.net(#替换成@，来信必复)

视频标签<video>介绍

• 加载视频（没有控制面板没法播放） <video src="2.mp4"></video>
• controls 加上控制面板 <video src="2.mp4" controls></video>
• autoplay 自动播放 <video src="2.mp4" controls autoplay></video>
• preload 自动播放，preload和autoplay不可同时用 <video src="2.mp4" controls preload></video>
• muted 默认静音 <video src="2.mp4" controls muted></video>
• poster 设置图片为视频封面 <video src="2.mp4" controls muted poster="1.jpg"></video>
• loop 设置视频循环播放 <video src="2.mp4" controls muted poster="1.jpg" loop></video>

音频标签<audeo>介绍

• 加载音频（空白，没有控制面板没法播放） <audeo src="2.mp3"></audeo>
• controls 加上控制面板 <audeo src="2.mp3" controls></audeo>
• autoplay 自动播放 <audeo src="2.mp3" controls autoplay></audeo>
• preload 自动播放，preload和autoplay不可同时用 <audeo src="2.mp3" controls preload></audeo>
• muted 默认静音 <audeo src="2.mp3" controls muted></audeo>
• loop 设置音频循环播放 <audeo src="2.mp3" controls loop></audeo>