Latest web development tutorials

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() 暫停當前播放的視頻。

標準屬性和事件

Video對象同樣支持標準的屬性事件


相關文章

HTML教程: HTML5視頻

HTML參考手冊: HTML <video>標籤