HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。
这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。
这里仅记录目前自己遇到的,使用的,后期在这里继续完善。。。。
HTML5 Audio/Video 方法
play() | 开始播放音频/视频 |
pause() | 暂停当前播放的音频/视频 |
HTML5 Audio/Video 属性
autoplay | 设置或返回是否在加载完成后随即播放音频/视频,Chrome目前只能进行静音视频文件的播放 |
controls | 设置或返回音频/视频是否显示控件(比如播放/暂停等) |
currentTime | 设置或返回音频/视频中的当前播放位置(以秒计),当设置该属性时,播放会跳跃到指定的位置。 |
duration | 返回当前音频/视频的长度(以秒计) |
loop | 设置或返回音频/视频是否应在结束时重新播放 |
muted | 设置或返回音频/视频是否静音 |
paused | 设置或返回音频/视频是否暂停,根据这个属性,可以结合play()和pause()方法来控制播放 |
playbackRate | 设置或返回音频/视频播放的速度,只有 Google Chrome 和 Safari 支持 playbackRate 属性。 |
volume | 设置或返回音频/视频的音量 |
HTML5 Audio/Video 事件
video元素可以对这些事件进行监听,然后进行回调处理。
pause | 当音频/视频已暂停时 |
play | 当音频/视频已开始或不再暂停时 |
timeupdate | 当目前的播放位置已更改时 |