新增的多媒体标签主要包含两个:
- 音频:
- 视频:
使用它们可以很方便的在页面中嵌入音频和视频,而不再去使用flash和其他浏览器插件。
HTML5在不适用插件的情况下，也可以用原生的支持视频格式文件的播放，当然，支持的格式是有限的。
| 浏览器 | MP4 | WebM | Ogg |
|---|---|---|---|
| IE | yes | yes | no |
| chrome | yes | yes | yes |
| Firefox | yes 从Firefox 21 版本开始 Linux 系统从Firefox 30 开始 |
yes | |
| Safari | yes | no | no |
| Opera | 从 Opera 25 版本开始 | yes | yes |
语法
常见属性
| 属性 | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 视频就绪自动播放(谷歌浏览器需要添加muted来解决自动播放问题) |
| controls | controls | 向用户显示播放控件 |
| width | pixels（像素） | 设置播放器宽度 |
| height | pixels（像素） | 设置播放器高度 |
| loop | loop | 播放完是否继续播放该视频，循环播放 |
| preload | auto（预先加载视频） none（不应加载视频） |
规定是否预加载视频(如果有了autoplay就忽略该属 |
| src | url | 视频url地址 |
| poster | Imgurl | 加载等待的画面图片 |
| muted | muted | 静音播放 |
若有收获，就点个赞吧
0 人点赞
