html5 中的audio和video标签以及相应的方法、属性、事件

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 当目前的播放位置已更改时

猜你喜欢

转载自blog.csdn.net/qq_39207948/article/details/86080236
今日推荐