HTML DOM Video 對象

2023-04-11 11:13 更新

Video 對象是 HTML5 中新增的。

Video 對象表示 HTML <video> 元素。

訪問 Video 對象

您可以通過使用 getElementById() 來訪問 <video> 元素：

var x = document.getElementById("myVideo");嘗試一下

創(chuàng)建 Video 對象

您可以通過使用 document.createElement() 方法來創(chuàng)建 <video> 元素：

var x = document.createElement("VIDEO");嘗試一下

Video 對象屬性

屬性 描述
audioTracks 返回表示可用音頻軌道的 AudioTrackList 對象。
autoplay 設(shè)置或返回是否在就緒（加載完成）后隨即播放視頻。
buffered 返回表示視頻已緩沖部分的 TimeRanges 對象。
controller 返回表示視頻當(dāng)前媒體控制器的 MediaController 對象。
controls 設(shè)置或返回視頻是否應(yīng)該顯示控件（比如播放/暫停等）。
crossOrigin 設(shè)置或返回視頻的 CORS 設(shè)置。
currentSrc 返回當(dāng)前視頻的 URL。
currentTime 設(shè)置或返回視頻中的當(dāng)前播放位置（以秒計(jì)）。
defaultMuted 設(shè)置或返回視頻默認(rèn)是否靜音。
defaultPlaybackRate 設(shè)置或返回視頻的默認(rèn)播放速度。
duration 返回視頻的長度（以秒計(jì)）。
ended 返回視頻的播放是否已結(jié)束。
error 返回表示視頻錯(cuò)誤狀態(tài)的 MediaError 對象。
height 設(shè)置或返回視頻的 height 屬性的值。
loop 設(shè)置或返回視頻是否應(yīng)在結(jié)束時(shí)再次播放。
mediaGroup 設(shè)置或返回視頻所屬媒介組合的名稱。
muted 設(shè)置或返回是否關(guān)閉聲音。
networkState 返回視頻的當(dāng)前網(wǎng)絡(luò)狀態(tài)。
paused 設(shè)置或返回視頻是否暫停。
playbackRate 設(shè)置或返回視頻播放的速度。
played 返回表示視頻已播放部分的 TimeRanges 對象。
poster 設(shè)置或返回視頻的 poster 屬性的值。
preload 設(shè)置或返回視頻的 preload 屬性的值。
readyState 返回視頻當(dāng)前的就緒狀態(tài)。
seekable 返回表示視頻可尋址部分的 TimeRanges 對象。
seeking 返回用戶當(dāng)前是否正在視頻中進(jìn)行查找。
src 設(shè)置或返回視頻的 src 屬性的值。
startDate 返回表示當(dāng)前時(shí)間偏移的 Date 對象。
textTracks 返回表示可用文本軌道的 TextTrackList 對象。
videoTracks 返回表示可用視頻軌道的 VideoTrackList 對象。
volume 設(shè)置或返回視頻的音量。
width 設(shè)置或返回視頻的 width 屬性的值。

Video 對象方法

Method 描述
addTextTrack() 向視頻添加新的文本軌道。
canPlayType() 檢查瀏覽器是否能夠播放指定的視頻類型。
load() 重新加載視頻元素。
play() 開始播放視頻。
pause() 暫停當(dāng)前播放的視頻。

標(biāo)準(zhǔn)屬性和事件

Video 對象同樣支持標(biāo)準(zhǔn)的 屬性 和 事件。

相關(guān)文章

HTML 教程: HTML5 視頻

HTML 參考手冊: HTML <video> 標(biāo)簽

以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號