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>標籤