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