HTML 视频/音频
HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。
这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。
HTML5 Audio/Video 方法
方法 | 描述 |
---|---|
addTextTrack() | 向音频/视频添加新的文本轨道 |
canPlayType() | 检测浏览器是否能播放指定的音频/视频类型 |
load() | 重新加载音频/视频元素 |
play() | 开始播放音频/视频 |
pause() | 暂停当前播放的音频/视频 |
属性 | 描述 |
---|---|
audioTracks | 返回表示可用音轨的 AudioTrackList 对象 |
autoplay | 设置或返回是否在加载完成后随即播放音频/视频 |
buffered | 返回表示音频/视频已缓冲部分的 TimeRanges 对象 |
controller | 返回表示音频/视频当前媒体控制器的 MediaController 对象 |
controls | 设置或返回音频/视频是否显示控件(比如播放/暂停等) |
crossOrigin | 设置或返回音频/视频的 CORS 设置 |
currentSrc | 返回当前音频/视频的 URL |
currentTime | 设置或返回音频/视频中的当前播放位置(以秒计) |
defaultMuted | 设置或返回音频/视频默认是否静音 |
defaultPlaybackRate | 设置或返回音频/视频的默认播放速度 |
duration | 返回当前音频/视频的长度(以秒计) |
ended | 返回音频/视频的播放是否已结束 |
error | 返回表示音频/视频错误状态的 MediaError 对象 |
loop | 设置或返回音频/视频是否应在结束时重新播放 |
mediaGroup | 设置或返回音频/视频所属的组合(用于连接多个音频/视频元素) |
muted | 设置或返回音频/视频是否静音 |
networkState | 返回音频/视频的当前网络状态 |
paused | 设置或返回音频/视频是否暂停 |
playbackRate | 设置或返回音频/视频播放的速度 |
played | 返回表示音频/视频已播放部分的 TimeRanges 对象 |
preload | 设置或返回音频/视频是否应该在页面加载后进行加载 |
readyState | 返回音频/视频当前的就绪状态 |
seekable | 返回表示音频/视频可寻址部分的 TimeRanges 对象 |
seeking | 返回用户是否正在音频/视频中进行查找 |
src | 设置或返回音频/视频元素的当前来源 |
startDate | 返回表示当前时间偏移的 Date 对象 |
textTracks | 返回表示可用文本轨道的 TextTrackList 对象 |
videoTracks | 返回表示可用视频轨道的 VideoTrackList 对象 |
volume | 设置或返回音频/视频的音量 |
HTML5 Audio/Video 事件
事件
描述
abort
当音频/视频的加载已放弃时
canplay
当浏览器可以播放音频/视频时
canplaythrough
当浏览器可在不因缓冲而停顿的情况下进行播放时
durationchange
当音频/视频的时长已更改时
emptied
当目前的播放列表为空时
ended
当目前的播放列表已结束时
error
当在音频/视频加载期间发生错误时
loadeddata
当浏览器已加载音频/视频的当前帧时
loadedmetadata
当浏览器已加载音频/视频的元数据时
loadstart
当浏览器开始查找音频/视频时
pause
当音频/视频已暂停时
play
当音频/视频已开始或不再暂停时
playing
当音频/视频在已因缓冲而暂停或停止后已就绪时
progress
当浏览器正在下载音频/视频时
ratechange
当音频/视频的播放速度已更改时
seeked
当用户已移动/跳跃到音频/视频中的新位置时
seeking
当用户开始移动/跳跃到音频/视频中的新位置时
stalled
当浏览器尝试获取媒体数据,但数据不可用时
suspend
当浏览器刻意不获取媒体数据时
timeupdate
当目前的播放位置已更改时
volumechange
当音量已更改时
waiting
当视频由于需要缓冲下一帧而停止
相关文章
html标题快速浏览101
- HTML 参考手册
- HTML 全局属性
- HTML 事件属性
- HTML 视频/音频
- HTML 颜色名
- HTML 字符集
- HTML ASCII
- HTML ISO-8859-1
- HTML 符号
- HTML URL 编码
- HTML 语言代码
- HTTP 消息
- HTTP 方法
- HTML <!--...-->标签
- HTML <!DOCTYPE> 标签
- HTML <a> 标签
- HTML <abbr> 标签
- HTML <acronym> 标签
- HTML <address> 标签
- HTML <applet> 标签
- HTML <area> 标签
- HTML <b> 标签
- HTML <base> 标签
- HTML <basefont> 标签
- HTML <bdo> 标签
- HTML <big> 标签
- HTML <blockquote> 标签
- HTML <body> 标签
- HTML <br> 标签
- HTML <button> 标签
- HTML <caption> 标签
- HTML <center> 标签
- HTML <cite> 标签
- HTML <code> 标签
- HTML <col> 标签
- HTML <colgroup> 标签
- HTML <dd> 标签
- HTML <del> 标签
- HTML <dir> 标签
- HTML <div> 标签
- HTML <dfn> 标签
- HTML <dl> 标签
- HTML <dt> 标签
- HTML <em> 标签
- HTML <fieldset> 标签
- HTML <font> 标签
- HTML <form> 标签
- HTML <frame> 标签
- HTML <frameset> 标签
- HTML <h1> 到 <h6> 标签
- HTML <head> 标签
- HTML <hr> 标签
- HTML <html> 标签
- HTML <i> 标签
- HTML <iframe> 标签
- HTML <img> 标签
- HTML <input> 标签
- HTML <ins> 标签
- HTML <kbd> 标签
- HTML <label> 标签
- HTML <legend> 标签
- HTML <li> 标签
- HTML <link> 标签
- HTML <map> 标签
- HTML <menu> 标签
- HTML <menuitem> 标签
- HTML <meta> 标签
- HTML <noframes> 标签
- HTML <noscript> 标签
- HTML <object> 标签
- HTML <ol> 标签
- HTML <optgroup> 标签
- HTML <option> 标签
- HTML <p> 标签
- HTML <param> 标签
- HTML <pre> 标签
- HTML <q> 标签
- HTML <s> 标签
- HTML <samp> 标签
- HTML <script> 标签
- HTML <select> 标签
- HTML <small> 标签
- HTML <span> 标签
- HTML <strike> 标签
- HTML <strong> 标签
- HTML <style> 标签
- HTML <sub> 标签
- HTML <sup> 标签
- HTML <table> 标签
- HTML <tbody> 标签
- HTML <td> 标签
- HTML <textarea> 标签
- HTML <tfoot> 标签
- HTML <th> 标签
- HTML <thead> 标签
- HTML <title> 标签
- HTML <tr> 标签
- HTML <tt> 标签
- HTML <u> 标签
- HTML <ul> 标签
- HTML <var> 标签
相关文章