关闭

HTML 音频/视频 DOM 参考手册

标签: HTML 音频视频 DOM 参考手册
338人阅读 评论(0) 收藏 举报
分类:

HTML 音频/视频 DOM 参考手册


HTML 音频/视频 DOM 参考手册

HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。

这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。


HTML 音频/视频 方法

方法 描述
addTextTrack() 向音频/视频添加新的文本轨道。
canPlayType() 检测浏览器是否能播放指定的音频/视频类型。
load() 重新加载音频/视频元素。
play() 开始播放音频/视频。
pause() 暂停当前播放的音频/视频。

HTML 音频/视频属性

属性 描述
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 设置或返回音频/视频的音量。

HTML 音频/视频事件

事件 描述
abort 当音频/视频的加载已放弃时触发。
canplay 当浏览器可以开始播放音频/视频时触发。
canplaythrough 当浏览器可在不因缓冲而停顿的情况下进行播放时触发。
durationchange 当音频/视频的时长已更改时触发。
emptied 当目前的播放列表为空时触发。
ended 当目前的播放列表已结束时触发。
error 当在音频/视频加载期间发生错误时触发。
loadeddata 当浏览器已加载音频/视频的当前帧时触发。
loadedmetadata 当浏览器已加载音频/视频的元数据时触发。
loadstart 当浏览器开始查找音频/视频时触发。
pause 当音频/视频已暂停时触发。
play 当音频/视频已开始或不再暂停时触发。
playing 当音频/视频在因缓冲而暂停或停止后已就绪时触发。
progress 当浏览器正在下载音频/视频时触发。
ratechange 当音频/视频的播放速度已更改时触发。
seeked 当用户已移动/跳跃到音频/视频中的新位置时触发。
seeking 当用户开始移动/跳跃到音频/视频中的新位置时触发。
stalled 当浏览器尝试获取媒体数据,但数据不可用时触发。
suspend 当浏览器刻意不获取媒体数据时触发。
timeupdate 当目前的播放位置已更改时触发。
volumechange 当音量已更改时触发。
waiting 当视频由于需要缓冲下一帧而停止时触发。
0
0
查看评论

HTML 5 视频/音频参考手册

HTML5 视频和音频的 DOM 参考手册 HTML5 DOM 为 和 元素提供了方法、属性和事件。 这些方法、属性和事件允许您使用 JavaScript 来操作 和 元素。 HTML5 Audio/Video 方法 方法 描述 ...
  • GarfieldEr007
  • GarfieldEr007
  • 2017-11-26 21:17
  • 170

HTML 5 参考手册(视频/音频)

原文:http://www.w3school.com.cn/tags/html_ref_audio_video_dom.asp HTML5 视频和音频的 DOM 参考手册 HTML5 DOM 为 和 元素提供了方法、属性和事件。 这些方法、属性和事件允许您使用 Java...
  • hudashi
  • hudashi
  • 2016-04-13 17:09
  • 425

HTML标签之音频、视频标签

在HTML5中新提出的标签:<audio>、<video>有效地代替了部分Flash。
  • h15882065951
  • h15882065951
  • 2017-02-07 16:50
  • 547

html中插入视频音频

一、html中插入视频比较好的两种方法:       1、HTML 5 + + ,具体代码如下: 上例中使用了 4 中不同的视频格式。HTML 5 元素会尝试播放以 mp4、ogg 或 we...
  • wibur
  • wibur
  • 2016-06-10 16:18
  • 2333

XML DOM完全参考手册(一)DOM与节点

XML 文档对象模型定义访问和操作XML文档的标准方法。 DOM 将 XML 文档作为一个树形结构,而树叶被定义为节点。 XML DOM 简介 XML DOM 定义了访问和处理 XML 文档的标准方法。 XML DOM 是 XML Document...
  • liaodehong
  • liaodehong
  • 2016-07-26 16:33
  • 703

HTML DOM 参考手册(三十)

  JavaScript 对象点击以下链接,可以获得以下对象的更多信息,包括它们的集合、属性、方法以及事件。其中包含大量实例!对象描述WindowJavaScript 层级中的顶层对象。Windows 对象会呈现 (represent) 一个浏览器窗口。每当 或者 标签出现,Windo...
  • mzoy
  • mzoy
  • 2008-07-30 12:51
  • 479

DOM编程艺术(音频、视频)

内容概要: 1、多媒体   、 2、图形编程 1、多媒体 1、基本用法: 2、兼容用法: // type属性是可选的,可以帮助浏览器解码音频或视频 3、兼容用法: 4、上面是主流浏览器的音频视频格式写...
  • x_chengqq
  • x_chengqq
  • 2016-07-13 18:37
  • 161

HTML5参考手册之视频/音频

HTML5 视频和音频的 DOM 参考手册 HTML5 DOM 为 和 元素提供了方法、属性和事件。 这些方法、属性和事件允许您使用 JavaScript 来操作 和 元素。 HTML5 Audio/Video 方法 方法 描述 ...
  • zhenyu5211314
  • zhenyu5211314
  • 2013-12-03 09:13
  • 1133

【HTML5+css3】学习笔记之音频元素和视频元素

六、音频元素和视频元素两个概念: 容器(container)和编解码器(codec)视频容器: 音频文件或视频文件,都只是一个容器文件。视频文件包含了音频轨道、视频轨道和其他一些元数据。视频播放 时,音频轨道和视频轨道是绑定在一起的。元数据包含了视频的封面、标题、 子标题、字幕等相关信息。主...
  • as763190097
  • as763190097
  • 2015-11-28 21:51
  • 776

html5的视频音频放置方法

在自己的站点放置视频方法: 1:直接将视频放在服务器下面 2:将视频文件放在视频平台上,土豆 优酷 ,添加超链接。很多东西传不进去,保留原本 3:html5支持的格式 Ogg MP4 webm 视频图片都是二进制格式存储 Html5从IE9开始...
  • nikita1995
  • nikita1995
  • 2016-07-29 12:55
  • 241
    个人资料
    • 访问:359582次
    • 积分:5312
    • 等级:
    • 排名:第6092名
    • 原创:198篇
    • 转载:320篇
    • 译文:0篇
    • 评论:30条
    文章分类