音频(audio)和视频(video)
1、支持格式
- 音频支持格式:mp3,wav,ogg
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
- 视频支持格式:mp4,ogg,webm
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>
2、标签属性
- 音频:autoplay,controls,loop,muted,preload,src
- 视频:autoplay,controls,loop,muted,width,height,poster,preload,src
3、方法
load() | 重新加载音频/视频元素 |
play() | 开始播放音频/视频元素 |
plause() | 暂停播放音频/视频元素 |
4、事件
durationchange | 当音频/视频的时长已更改时 |
ended | 当目前的播放列表已结束时 |
pause | 当音频/视频已暂停时 |
play | 当音频/视频已开始或不再暂停时 |
ratechange | 当音频/视频的播放速度已更改时 |
timeupdate | 当目前的播放位置已更改时 |
volumechange | 当音量已更改时 |
5、事件属性
duration | 返回当前的总时长 |
currentSrc | 返回当前URL |
ended | 返回是否已结束 |
paused | 返回是否已暂停 |
autoplay | 设置或返回是否自动播放 |
controls | 设置或返回是否显示控件(比如播放/暂停等) |
loop | 设置或返回是否是循环播放 |
muted | 设置或返回是否静音 |
currentTime | 设置或返回当前播放位置(以秒计) |
volume | 设置或返回音量(规定音频/视频的当前音量。必须是介于 0.0 与 1.0 之间的数字。) 1.0 是最高音量(默认);0.5 是一半音量 (50%); 0.0 是静音 |
playbackRate | 设置或返回播放速度 |