HTML 多媒体元素
学习audio/video/source · 难度：进阶 · +15XP
HTML 多媒体元素
HTML5原生支持音频和视频播放，无需Flash。
视频 <video>
<video width="640" controls poster="thumb.jpg">
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
浏览器不支持video标签
</video>音频 <audio>
<audio controls>
<source src="music.mp3" type="audio/mpeg">
</audio>常用属性
| 属性 | 作用 |
|---|---|
| controls | 显示控制条 |
| autoplay | 自动播放 |
| muted | 静音 |
| loop | 循环 |
| poster | 视频封面 |
???? 练习
- 创建视频播放器
- 添加音频背景音乐