最新的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>標籤