💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
# HTML 5 视频/音频参考手册 ## HTML5 视频和音频的 DOM 参考手册 HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。 这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。 ## HTML5 Audio/Video 方法 | 方法 | 描述 | | --- | --- | | [addTextTrack()](/tags/av_met_addtexttrack.asp "HTML5 Audio/Video DOM addTextTrack() 方法") | 向音频/视频添加新的文本轨道 | | [canPlayType()](/tags/av_met_canplaytype.asp "HTML5 Audio/Video DOM canPlayType() 方法") | 检测浏览器是否能播放指定的音频/视频类型 | | [load()](/tags/av_met_load.asp "HTML5 Audio/Video DOM load() 方法") | 重新加载音频/视频元素 | | [play()](/tags/av_met_play.asp "HTML5 Audio/Video DOM play() 方法") | 开始播放音频/视频 | | [pause()](/tags/av_met_pause.asp "HTML5 Audio/Video DOM pause() 方法") | 暂停当前播放的音频/视频 | ## HTML5 Audio/Video 属性 | 属性 | 描述 | | --- | --- | | [audioTracks](/tags/av_prop_audiotracks.asp "HTML5 Audio/Video DOM audioTracks 属性") | 返回表示可用音轨的 AudioTrackList 对象 | | [autoplay](/tags/av_prop_autoplay.asp "HTML5 Audio/Video DOM autoplay 属性") | 设置或返回是否在加载完成后随即播放音频/视频 | | [buffered](/tags/av_prop_buffered.asp "HTML5 Audio/Video DOM buffered 属性") | 返回表示音频/视频已缓冲部分的 TimeRanges 对象 | | [controller](/tags/av_prop_controller.asp "HTML5 Audio/Video DOM controller 属性") | 返回表示音频/视频当前媒体控制器的 MediaController 对象 | | [controls](/tags/av_prop_controls.asp "HTML5 Audio/Video DOM controls 属性") | 设置或返回音频/视频是否显示控件(比如播放/暂停等) | | crossOrigin | 设置或返回音频/视频的 CORS 设置 | | [currentSrc](/tags/av_prop_currentsrc.asp "HTML5 Audio/Video DOM currentSrc 属性") | 返回当前音频/视频的 URL | | [currentTime](/tags/av_prop_currenttime.asp "HTML5 Audio/Video DOM currentTime 属性") | 设置或返回音频/视频中的当前播放位置(以秒计) | | [defaultMuted](/tags/av_prop_defaultmuted.asp "HTML5 Audio/Video DOM defaultMuted 属性") | 设置或返回音频/视频默认是否静音 | | [defaultPlaybackRate](/tags/av_prop_defaultplaybackrate.asp "HTML5 Audio/Video DOM defaultPlaybackRate 属性") | 设置或返回音频/视频的默认播放速度 | | [duration](/tags/av_prop_duration.asp "HTML5 Audio/Video DOM duration 属性") | 返回当前音频/视频的长度(以秒计) | | [ended](/tags/av_prop_ended.asp "HTML5 Audio/Video DOM ended 属性") | 返回音频/视频的播放是否已结束 | | [error](/tags/av_prop_error.asp "HTML5 Audio/Video DOM error 属性") | 返回表示音频/视频错误状态的 MediaError 对象 | | [loop](/tags/av_prop_loop.asp "HTML5 Audio/Video DOM loop 属性") | 设置或返回音频/视频是否应在结束时重新播放 | | [mediaGroup](/tags/av_prop_mediagroup.asp "HTML5 Audio/Video DOM mediaGroup 属性") | 设置或返回音频/视频所属的组合(用于连接多个音频/视频元素) | | [muted](/tags/av_prop_muted.asp "HTML5 Audio/Video DOM muted 属性") | 设置或返回音频/视频是否静音 | | [networkState](/tags/av_prop_networkstate.asp "HTML5 Audio/Video DOM networkState 属性") | 返回音频/视频的当前网络状态 | | [paused](/tags/av_prop_paused.asp "HTML5 Audio/Video DOM paused 属性") | 设置或返回音频/视频是否暂停 | | [playbackRate](/tags/av_prop_playbackrate.asp "HTML5 Audio/Video DOM playbackRate 属性") | 设置或返回音频/视频播放的速度 | | [played](/tags/av_prop_played.asp "HTML5 Audio/Video DOM played 属性") | 返回表示音频/视频已播放部分的 TimeRanges 对象 | | [preload](/tags/av_prop_preload.asp "HTML5 Audio/Video DOM preload 属性") | 设置或返回音频/视频是否应该在页面加载后进行加载 | | [readyState](/tags/av_prop_readystate.asp "HTML5 Audio/Video DOM readyState 属性") | 返回音频/视频当前的就绪状态 | | [seekable](/tags/av_prop_seekable.asp "HTML5 Audio/Video DOM seekable 属性") | 返回表示音频/视频可寻址部分的 TimeRanges 对象 | | [seeking](/tags/av_prop_seeking.asp "HTML5 Audio/Video DOM seeking 属性") | 返回用户是否正在音频/视频中进行查找 | | [src](/tags/av_prop_src.asp "HTML5 Audio/Video DOM src 属性") | 设置或返回音频/视频元素的当前来源 | | [startDate](/tags/av_prop_startdate.asp "HTML5 Audio/Video DOM startDate 属性") | 返回表示当前时间偏移的 Date 对象 | | [textTracks](/tags/av_prop_texttracks.asp "HTML5 Audio/Video DOM textTracks 属性") | 返回表示可用文本轨道的 TextTrackList 对象 | | [videoTracks](/tags/av_prop_videotracks.asp "HTML5 Audio/Video DOM videoTracks 属性") | 返回表示可用视频轨道的 VideoTrackList 对象 | | [volume](/tags/av_prop_volume.asp "HTML5 Audio/Video DOM volume 属性") | 设置或返回音频/视频的音量 | ## HTML5 Audio/Video 事件 | 事件 | 描述 | | --- | --- | | abort | 当音频/视频的加载已放弃时 | | [canplay](/tags/av_event_canplay.asp "HTML5 Audio/Video DOM canplay 事件") | 当浏览器可以播放音频/视频时 | | [canplaythrough](/tags/av_event_canplaythrough.asp "HTML5 Audio/Video DOM canplaythrough 事件") | 当浏览器可在不因缓冲而停顿的情况下进行播放时 | | [durationchange](/tags/av_event_durationchange.asp "HTML5 Audio/Video DOM durationchange 事件") | 当音频/视频的时长已更改时 | | emptied | 当目前的播放列表为空时 | | ended | 当目前的播放列表已结束时 | | error | 当在音频/视频加载期间发生错误时 | | [loadeddata](/tags/av_event_loadeddata.asp "HTML5 Audio/Video DOM loadeddata 事件") | 当浏览器已加载音频/视频的当前帧时 | | [loadedmetadata](/tags/av_event_loadedmetadata.asp "HTML5 Audio/Video DOM loadedmetadata 事件") | 当浏览器已加载音频/视频的元数据时 | | [loadstart](/tags/av_event_loadstart.asp "HTML5 Audio/Video DOM loadstart 事件") | 当浏览器开始查找音频/视频时 | | pause | 当音频/视频已暂停时 | | play | 当音频/视频已开始或不再暂停时 | | playing | 当音频/视频在已因缓冲而暂停或停止后已就绪时 | | [progress](/tags/av_event_progress.asp "HTML5 Audio/Video DOM progress 事件") | 当浏览器正在下载音频/视频时 | | ratechange | 当音频/视频的播放速度已更改时 | | seeked | 当用户已移动/跳跃到音频/视频中的新位置时 | | seeking | 当用户开始移动/跳跃到音频/视频中的新位置时 | | stalled | 当浏览器尝试获取媒体数据,但数据不可用时 | | suspend | 当浏览器刻意不获取媒体数据时 | | timeupdate | 当目前的播放位置已更改时 | | volumechange | 当音量已更改时 | | waiting | 当视频由于需要缓冲下一帧而停止 |