视频
<video>
<source src="res/birs.mp4">
<source src="res/birs.ogg">
<source src="res/birs.webm">
</video>
HTML 成员属性
| 属性 | 描述 |
|---|---|
| autoplay | 是否自动播放 |
| controls | 是否显示播放控件 |
| loop | 是否循环播放 |
| muted | 是否静音 |
| poster | 在播放之前显示海报 |
预加载策略
- preload
- auto 预加载源数据以及缓冲一定时长视频
- metadate 预加载视频的元数据
- none 不缓冲
JS对象属性
| 属性 | 说明 |
|---|---|
| currentTime | 当前播放的时长 |
| duration | 总时长 |
| paused | 是否处于暂停状态 |
| volumn : 1 | 当前音量 |
| playbackRate : 1 | 播放速率大于1快播,小于1慢放 |
成员方法
| 方法 | 说明 |
|---|---|
| play() | 播放视频 |
| pause() | 暂停播放 |
成员事件
| 事件 | 说明 |
|---|---|
| onplay | 当前视频开始播放时出发的事件 |
| onpause | 当前视频暂停播放时出发的事件 |
音频
<audio src="x.mp3"></audio>
用法和属性和视频相同