HTML DOM Video 對(duì)象

2023-04-11 11:13 更新

Video 對(duì)象是 HTML5 中新增的。

Video 對(duì)象表示 HTML <video> 元素。

訪問(wèn) Video 對(duì)象

您可以通過(guò)使用 getElementById() 來(lái)訪問(wèn) <video> 元素：

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

創(chuàng)建 Video 對(duì)象

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

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

Video 對(duì)象屬性

屬性 描述
audioTracks 返回表示可用音頻軌道的 AudioTrackList 對(duì)象。
autoplay 設(shè)置或返回是否在就緒（加載完成）后隨即播放視頻。
buffered 返回表示視頻已緩沖部分的 TimeRanges 對(duì)象。
controller 返回表示視頻當(dāng)前媒體控制器的 MediaController 對(duì)象。
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 返回視頻的長(zhǎng)度（以秒計(jì)）。
ended 返回視頻的播放是否已結(jié)束。
error 返回表示視頻錯(cuò)誤狀態(tài)的 MediaError 對(duì)象。
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 對(duì)象。
poster 設(shè)置或返回視頻的 poster 屬性的值。
preload 設(shè)置或返回視頻的 preload 屬性的值。
readyState 返回視頻當(dāng)前的就緒狀態(tài)。
seekable 返回表示視頻可尋址部分的 TimeRanges 對(duì)象。
seeking 返回用戶當(dāng)前是否正在視頻中進(jìn)行查找。
src 設(shè)置或返回視頻的 src 屬性的值。
startDate 返回表示當(dāng)前時(shí)間偏移的 Date 對(duì)象。
textTracks 返回表示可用文本軌道的 TextTrackList 對(duì)象。
videoTracks 返回表示可用視頻軌道的 VideoTrackList 對(duì)象。
volume 設(shè)置或返回視頻的音量。
width 設(shè)置或返回視頻的 width 屬性的值。

Video 對(duì)象方法

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

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

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

相關(guān)文章

HTML 教程: HTML5 視頻

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

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)