最新的Web开发教程
 

HTML DOM视频对象


视频对象

该视频对象是HTML5新。

视频对象表示一个HTML <video>元素。

注: <video>在Internet Explorer 8和更早版本不支持元素。

访问视频对象

可以访问一个<video>通过使用元素getElementById()

var x = document.getElementById("myVideo");
试一试»

创建视频对象

您可以创建一个<video>使用元素document. createElement() document. createElement()方法:

var x = document.createElement("VIDEO");
试一试»

视频对象属性

属性 描述
audioTracks 返回表示可用的音频轨道的AudioTrackList对象
autoplay 设置或返回是否视频开始马上播放,因为它已准备好
buffered 返回表示的视频的缓冲份TimeRanges对象
controller 返回表示视频的当前媒体控制器的MediaController对象
controls 设置或返回视频是否应该有显示控制(play/pause etc)
crossOrigin 设置或返回视频的CORS设置
currentSrc 返回当前视频的网址
currentTime 设置或返回当前播放位置在视频(in seconds)
defaultMuted 设置或返回是否应视频默认静音
defaultPlaybackRate 设置或返回是否视频的默认播放速度
duration 返回的视频的长度(in seconds)
ended 返回视频的播放是否已经结束
error 返回表示视频的错误状态MediaError对象
height 设置或返回的值height的视频的属性
loop 设置或返回视频是否应该重新开始玩了,每次都完成
mediaGroup 设置或返回媒体组的名称的video(s)是其中一部分
muted 设置或返回是否视频的声音应该被关闭
networkState 返回视频当前的网络状态
paused 设置或返回是否暂停视频
playbackRate 设置或返回视频播放的速度
played 返回表示该视频已播放份TimeRanges对象
poster 设置或返回的值poster视频的属性
preload 设置或返回的值preload视频的属性
readyState 返回视频的当前就绪状态
seekable 返回表示视频的可搜索部分一个TimeRanges对象
seeking 返回用户当前是否正在寻求在视频
src 设置或返回的值src视频的属性
startDate 返回表示当前时间的Date对象偏移
textTracks 返回表示可用文本轨道上TextTrackList对象
videoTracks 返回表示可用的视频轨道上VideoTrackList对象
volume 设置或返回视频的音量
width 设置或返回的值width的视频的属性

视频对象的方法

方法 描述
addTextTrack() 添加一个新的文本轨道,以视频
canPlayType() 检查浏览器是否可以播放指定的视频类型
load() 重新加载视频元素
play() 开始播放视频
pause() 暂停当前​​播放的视频

标准属性和事件

视频对象还支持标准的属性事件


相关页面

HTML教程: HTML5视频

HTML参考: HTML <video>标签