HTML DOM Video 對象
Video 對象
Video 對象是 HTML5 中新增的。
Video 對象表示 HTML <video> 元素。
訪問 Video 對象t
您可以通過使用 getElementById() 來訪問 <video> 元素:
var x = document.getElementById("myVideo");
創建 Video 對象
您可以通過使用 document.createElement() 方法來創建 <video> 元素:
var x = document.createElement("VIDEO");
Video 對象屬性
屬性 | 描述 |
---|---|
audioTracks | 返回表示可用音頻軌道的 AudioTrackList 對象。 |
autoplay | 設置或返回是否在就緒(加載完成)後隨即播放視頻。 |
buffered | 返回表示視頻已緩衝部分的 TimeRanges 對象。 |
controller | 返回表示視頻當前媒體控制器的 MediaController 對象。 |
controls | 設置或返回視頻是否應該顯示控件(比如播放/暫停等)。 |
crossOrigin | 設置或返回視頻的 CORS 設置。 |
currentSrc | 返回當前視頻的 URL。 |
currentTime | 設置或返回視頻中的當前播放位置(以秒計)。 |
defaultMuted | 設置或返回視頻默認是否靜音。 |
defaultPlaybackRate | 設置或返回視頻的默認播放速度。 |
duration | 返回視頻的長度(以秒計)。 |
ended | 返回視頻的播放是否已結束。 |
error | 返回表示視頻錯誤狀態的 MediaError 對象。 |
height | 設置或返回視頻的 height 屬性的值。 |
loop | 設置或返回視頻是否應在結束時再次播放。 |
mediaGroup | 設置或返回視頻所屬媒介組合的名稱。 |
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 屬性的值。 |
Video 對象方法
Method | 描述 |
---|---|
addTextTrack() | 向視頻添加新的文本軌道。 |
canPlayType() | 檢查流覽器是否能夠播放指定的視頻類型。 |
load() | 重新加載視頻元素。 |
play() | 開始播放視頻。 |
pause() | 暫停當前播放的視頻。 |
標準屬性和事件
相關文章
HTML 教學: HTML5 視頻
HTML 參考手冊: HTML <video> 標籤