HTML5 (選項選擇, 準備好)

HTML5 媒體控制器 - HTML5 媒體 API 的包裝器

新的 HTML5 (選項選擇, 準備好)

創建此技術的實例。

參數:
名字 類型 屬性 描述
選項 目的 <可選>

播放器選項的鍵/值存儲。

準備 組件~ReadyCallback

回調函數調用時HTML5技術準備就緒。

混入:
  • 技術~SourceHandlerAdditions

延伸

成員

功能全屏調整大小:布爾值

布爾值指示是否HTML5技術目前支持在進入全屏時自動調整媒體大小。

覆蓋:
默認值:
  • 真正

功能靜音控制:布爾值

布爾值指示是否科技支持靜音音量。

覆蓋:
默認值:
  • 真正

featuresNativeTextTracks :布爾值

布爾值指示是否科技支持原生文本軌道秒。這將幫助我們與原生集成文本軌道如果瀏覽器支持它們。

覆蓋:

特徵回放率:布爾值

布爾值指示是否科技支持更改視頻播放的速度。範例:

  • 將播放器設置為播放速度的 2 倍(兩倍)
  • 將播放器設置為 0.5 倍(一半)的播放速度
覆蓋:

功能進度事件:布爾值

布爾值指示是否HTML5 tech 目前支持 progress 事件。如果這是假的,手動進步事件將被觸發。

覆蓋:
默認值:
  • 真正

特性源集:布爾值

布爾值指示是否科技支持資源集事件。

技術人員應將其設置為真的然後使用技術#triggerSourceset觸發一個科技#event:sourceset在獲得新資源後的最早時間。

覆蓋:

功能時間更新事件

布爾值指示是否HTML5 tech 目前支持 timeupdate 事件。如果這是假的,手動時間更新事件將被觸發。

覆蓋:
默認值:
  • 真正

功能VideoFrameCallback :布爾值

HTML5 el 是否支持請求視頻幀回調

覆蓋:

功能音量控制:布爾值

布爾值指示是否科技支持音量控制。

覆蓋:
默認值:
  • 真正

movingMediaElementInDOM :布爾值

布爾值指示是否HTML5 tech 目前支持在 DOM 中移動媒體元素。如果你移動媒體元素,iOS 就會中斷,所以這裡將其設置為 false。這在其他任何地方都應該是正確的。

靜止的 nativeSourceHandler

Html5 的本機源處理程序,只需將源傳遞給媒體元素。

特性:
名字 類型 描述
資源 科技~SourceObject

源對象

技術 HTML5

HTML5 技術的實例。

方法

$ (選擇器,上下文選擇 )→ {元素|空}

查找與 a 匹配的單個 DOM 元素選擇器 .這可以在成分內容El()或另一個自定義上下文。

參數:
名字 類型 屬性 預設 描述
選擇器 細繩

一個有效的 CSS 選擇器,將被傳遞給查詢選擇器 .

語境 元素 | 細繩 <可選>
這個.contentEl()

要在其中查詢的 DOM 元素。也可以是選擇器字符串,在這種情況下,第一個匹配元素將用作上下文。如果丟失這個.contentEl()習慣了。如果這個.contentEl()它什麼都不返回文檔 .

傳回:
元素 | 無效的 -

找到的 dom 元素,或 null

覆蓋:
請參閱:

$$ (選擇器,上下文選擇 )→ {節點列表}

查找所有匹配 a 的 DOM 元素選擇器 .這可以在成分內容El()或另一個自定義上下文。

參數:
名字 類型 屬性 預設 描述
選擇器 細繩

一個有效的 CSS 選擇器,將被傳遞給查詢選擇器全部 .

語境 元素 | 細繩 <可選>
這個.contentEl()

要在其中查詢的 DOM 元素。也可以是選擇器字符串,在這種情況下,第一個匹配元素將用作上下文。如果丟失這個.contentEl()習慣了。如果這個.contentEl()它什麼都不返回文檔 .

傳回:
節點列表 -

找到的 dom 元素列表

覆蓋:
請參閱:

添加孩子(孩子,選項選擇, 指數選擇 )→ { 成分 }

添加一個孩子成分在當前成分 .

參數:
名字 類型 屬性 預設 描述
孩子 細繩 | 成分

要添加的子項的名稱或實例。

選項 目的 <可選>
{}

將傳遞給孩子的孩子的選項的鍵/值存儲。

指數 數字 <可選>
這個.children_.length

嘗試將子項添加到的索引。

傳回:
成分 -

成分作為一個孩子被添加。當使用字符串時成分將由此過程創建。

覆蓋:

添加類(類添加)

將 CSS 類名添加到成分元素。

參數:
名字 類型 描述
添加類 細繩

要添加的 CSS 類名

覆蓋:

添加遠程文本軌道(選項,手動清理選擇 )→ { HTMLTrack元素 }

創建一個遠程文本軌道對象並返回一個 html 軌道元素。

參數:
名字 類型 屬性 預設 描述
選項 目的

該對象應包含種類、語言、標籤和 src(WebVTT 文件的位置)的值

手動清理 布爾值 <可選>
真正

如果設置為 false,只要源發生變化,TextTrack 就會自動從視頻元素中移除

傳回:
HTMLTrack元素 -

一個 Html 軌道元素。這可以是一個模擬HTMLTrack元素或本地人。

覆蓋:
棄用:
  • 在即將推出的 Video.js 版本中,“manualCleanup”參數的默認值將默認為“false”

添加文本軌道(種類,標籤選擇, 語言選擇 )→ { 文本軌道 }

創建並返回一個遙控器文本軌道目的。

參數:
名字 類型 屬性 描述
種類 細繩

文本軌道種類(字幕、說明、描述、章節或元數據)

標籤 細繩 <可選>

標識文本軌道的標籤

語言 細繩 <可選>

兩個字母的語言縮寫

傳回:
文本軌道 -

創建的 TextTrack。

覆蓋:

addWebVttScript_ ()

如有必要,使用 vtt.js 模擬 TextTracks

火災:
覆蓋:

音軌()→ { 音軌列表 }

得到音軌列表

傳回:
音軌列表
覆蓋:

自動播放()→ {布爾值}

獲取值自動播放從媒體元素。自動播放指示媒體應在頁面準備就緒後立即開始播放。

傳回:
布爾值 -
  • 的價值自動播放從媒體元素。 - True 表示媒體應在頁面加載後立即啟動。 - False 表示媒體不應在頁面加載後立即啟動。
請參閱:

模糊()

從此組件中移除焦點

覆蓋:

緩衝的()→ {時間範圍}

獲取值緩衝的從媒體元素。緩衝的是一個時間範圍表示已下載並可播放的媒體部分的對象。

傳回:
時間範圍 -

的價值緩衝的從媒體元素。

覆蓋:
請參閱:

緩衝百分比()→ {數字}

獲取當前緩衝的當前視頻的百分比。

傳回:
數字 -

一個從 0 到 1 的數字,表示緩衝視頻的小數百分比。

覆蓋:

抽象的構建CSS類()→ {字符串}

構建默認的 DOM 類名。應該被子組件覆蓋。

傳回:
細繩 -

此對象的 DOM 類名稱。

覆蓋:

取消動畫幀(ID)→ {數字}

取消傳遞給的排隊回調組件#requestAnimationFrame (rAF)。

如果您通過排隊 rAF 回調組件#requestAnimationFrame , 使用此函數代替window.cancelAnimationFrame .如果你不這樣做,你的處置偵聽器將不會被清理直到組件#dispose

參數:
名字 類型 描述
ID 數字

要清除的 rAF ID。的返回值組件#requestAnimationFrame .

傳回:
數字 -

返回已清除的 rAF ID。

覆蓋:
請參閱:

取消命名動畫幀(姓名)

取消當前命名的動畫幀(如果存在)。

參數:
名字 類型 描述
姓名 細繩

要取消的 requestAnimationFrame 的名稱。

覆蓋:

取消VideoFrameCallback (ID)

本機或後備 requestVideoFrameCallback

參數:
名字 類型 描述
ID 數字

請求ID取消

覆蓋:

孩子們()→ {數組}

獲取所有子組件的數組

傳回:
大批 -

這些孩子

覆蓋:

清理自動文本軌道()

刪除通過 addRemoteTextTrack 添加的任何標記為自動垃圾收集的 TextTrack

覆蓋:

清除間隔(intervalId)→ {數字}

清除通過創建的間隔窗口.setInterval或者組件#setInterval .如果您通過以下方式設置間隔組件#setInterval使用此功能而不是window.clearInterval .如果你不這樣做,你的處置偵聽器將不會被清理,直到組件#dispose

參數:
名字 類型 描述
間隔Id 數字

要清除的間隔的 ID。的返回值組件#setInterval或者窗口.setInterval .

傳回:
數字 -

返回已清除的間隔 ID。

覆蓋:
請參閱:

清除超時(timeoutId)→ {數字}

清除通過創建的超時窗口.setTimeout或者組件#setTimeout .如果您通過以下方式設置超時組件#setTimeout使用此功能而不是window.clear超時 .如果你不這樣做,你的處置偵聽器將不會被清理,直到組件#dispose

參數:
名字 類型 描述
超時ID 數字

要清除的超時 ID。的返回值組件#setTimeout或者窗口.setTimeout .

傳回:
數字 -

返回已清除的超時 ID。

覆蓋:
請參閱:

清除痕跡(類型)

清除單個曲目列表或數組曲目列表給出了他們的名字。

注意:沒有源處理程序的技術人員應該在源之間調用它視頻 & 聲音的軌道。你不想在曲目之間使用它們!

參數:
名字 類型 描述
類型 數組.<字符串> | 細繩

要清除的 TrackList 名稱,有效名稱是視頻 , 聲音的, 和文本 .

覆蓋:

內容El ()→ {元素}

返回成分 s DOM 元素。這是孩子們被插入的地方。這通常與返回的元素相同組件#el .

傳回:
元素 -

這個的內容元素成分 .

覆蓋:

控制()→ {布爾值}

獲取值控制從媒體元素。控制指示應顯示還是隱藏本機媒體控件。

傳回:
布爾值 -
  • 的價值控制從媒體元素。 - True 表示應顯示本機控件。 - False 表示應隱藏本機控件。
請參閱:

創建El ()→ {元素}

創建HTML5 Tech 的 DOM 元素。

傳回:
元素 -

被創建的元素。

覆蓋:

創建遠程文本軌道(選項)→ { HTMLTrack元素 }

根據值創建本機 TextTrack 或模擬 TextTrack featuresNativeTextTracks

參數:
名字 類型 描述
選項 目的

該對象應包含用於初始化 TextTrack 的選項。

性質
名字 類型 屬性 描述
種類 細繩 <可選>

文本軌道種類(字幕、說明、說明、章節或元數據)。

標籤 細繩 <可選>

標識文本軌道的標籤

語言 細繩 <可選>

兩個字母的語言縮寫。

默認 布爾值 <可選>

默認此軌道打開。

ID 細繩 <可選>

分配此軌道的內部 ID。

來源 細繩 <可選>

軌道的源 URL。

傳回:
HTMLTrack元素 -

創建的軌道元素。

覆蓋:

交叉來源()→ {字符串}

獲取值交叉來源從媒體元素。交叉來源向瀏覽器指示應該發送 cookie 以及對不同資產/播放列表的請求

傳回:
細繩 -
  • anonymous 表示媒體不應發送 cookie。 - use-credentials 指示媒體應隨請求發送 cookie。
覆蓋:
請參閱:

當前維度(寬度或高度)→ {數字}

獲取組件元素的計算寬度或高度。

用途window.getComputedStyle .

參數:
名字 類型 描述
寬度或高度 細繩

包含“寬度”或“高度”的字符串。想要哪個就拿哪個。

傳回:
數字 -

被請求的維度,如果沒有為該維度設置任何內容,則為 0。

覆蓋:

當前維度()→ { 組件~維度對象 }

獲取一個對象,該對象包含組件元素的計算寬度和高度值。

用途window.getComputedStyle .

傳回:
組件~維度對象 -

組件元素的計算尺寸。

覆蓋:

當前高度()→ {數字}

獲取組件元素的計算高度。

用途window.getComputedStyle .

傳回:
數字 -

組件元素的計算高度。

覆蓋:

當前源()→ { 科技~SourceObject }

獲取當前源HTML5技術。退回到從 HTML5 媒體元素返回源。

傳回:
科技~SourceObject -

來自 HTML5 技術的當前源對象。回退到元素源。

當前時間()→ {數字}

獲取值當前時間從媒體元素。當前時間指示媒體正在播放的當前秒數。

傳回:
數字 -

的價值當前時間從媒體元素。

請參閱:

當前寬度()→ {數字}

獲取組件元素的計算寬度。

用途window.getComputedStyle .

傳回:
數字 -

組件元素的計算寬度。

覆蓋:

默認靜音()→ {布爾值}

獲取值默認靜音從媒體元素。默認靜音指示媒體是否應以靜音方式開始。僅更改媒體的默認狀態。靜音默認靜音可以有不同的值。Html5#靜音指示當前狀態。

傳回:
布爾值 -
  • 的價值默認靜音從媒體元素。 - True 表示媒體應該開始靜音。 - False 表示媒體不應該開始靜音
請參閱:

默認播放速率()→ {數字}

獲取值默認播放速率從媒體元素。默認播放速率指示媒體當前播放的速率。該值將不表示當前回放率播放開始後,使用Html5#播放率為了那個原因。

範例:

  • 如果 defaultPlaybackRate 設置為 2,媒體將以兩倍的速度播放。
  • 如果 defaultPlaybackRate 設置為 0.5,媒體播放速度將減半。
傳回:
數字 -

的價值默認播放速率從媒體元素。一個數字,表示媒體的當前播放速度,其中 1 是正常速度。

請參閱:

方面(寬度或高度,數字選擇 , 跳過聽眾選擇 )→ {數字}

獲取或設置的寬度或高度成分元素。這是共享代碼組件#width組件#height .

須知:

  • 如果數字中的寬度或高度,這將返回帶有“px”後綴的數字。
  • 如果寬度/高度是百分比,這將返回後綴為“%”的百分比
  • 隱藏元素的寬度為 0 window.getComputedStyle .這個函數默認為成分樣式.寬度並回到window.getComputedStyle .看了解更多信息
  • 如果您想要組件的計算樣式,請使用組件#currentWidth和 {Component#currentHeight
參數:
名字 類型 屬性 描述
寬度或高度 細繩

8 '寬度'或'高度'

數字 | 細繩 <可選>

8 新維度

跳過聽眾 布爾值 <可選>

跳過 componentresize 事件觸發

火災:
傳回:
數字 -

獲取時的維度,如果未設置則為 0

覆蓋:

方面(寬度,高度)

設置寬度和高度成分同時元素。

參數:
名字 類型 描述
寬度 數字 | 細繩

設置的寬度成分 s 元素到。

高度 數字 | 細繩

設置的高度成分 s 元素到。

覆蓋:

禁用畫中畫()→ {布爾值}

從視頻元素中獲取“disablePictureInPicture”的值。

傳回:
布爾值 -

價值 - 的價值禁用畫中畫從視頻元素。 - True 表示視頻不能畫中畫模式播放 - False 表示視頻可以畫中畫模式播放

覆蓋:
請參閱:

處置()

處置HTML5媒體元素並刪除所有曲目。

覆蓋:

期間()→ {數字}

獲取 HTML5 媒體元素的當前持續時間。

傳回:
數字 -

媒體的持續時間,如果沒有持續時間則為 0。

埃爾()→ {元素}

得到成分 DOM 元素

傳回:
元素 -

這個的 DOM 元素成分 .

覆蓋:

模擬文本軌道()

模擬文本軌道

覆蓋:

啟用觸摸活動()

每當發生觸摸事件時,此函數都會報告用戶活動。這可以被任何希望觸摸事件以另一種方式起作用的子組件關閉。

發生觸摸事件時報告用戶觸摸活動。用戶活動用於確定控件何時顯示/隱藏。鼠標事件很簡單,因為任何鼠標事件都應該顯示控件。因此,我們捕獲冒泡到玩家的鼠標事件並在發生時報告活動。對於觸摸事件,它並不像觸摸啟動觸摸端切換播放器控件。所以觸摸事件也不能在玩家層面幫助我們。

異步檢查用戶活動。因此,可能發生的情況是視頻上的點擊事件會關閉控件。然後觸摸端事件冒泡到玩家。如果它報告用戶活動,它將立即重新打開控件。我們也不希望完全阻止觸摸事件冒泡。此外一個觸摸移動事件和點擊以外的任何東西,都不應該重新打開控件。

監聽事件:
  • 組件#event:touchstart
  • 組件#event:touchmove
  • 組件#event:touchend
  • 組件#event:touchcancel
覆蓋:

結束()→ {布爾值}

獲取值結束從媒體元素。結束指示媒體是否已到達末尾。

傳回:
布爾值 -
  • 的價值結束從媒體元素。 - True 表示媒體已經結束。 - False 表示媒體還沒有結束。
請參閱:

進入全屏()

要求HTML5技術進入全屏。

錯誤()→ { 媒體錯誤 |空}

獲取值錯誤從媒體元素。錯誤表示播放期間可能發生的任何 MediaError。如果錯誤返回 null,則沒有當前錯誤。

傳回:
媒體錯誤 | 無效的 -

的價值錯誤從媒體元素。將媒體錯誤如果存在當前錯誤,否則為 null。

覆蓋:
請參閱:

退出全屏()

要求HTML5技術退出全屏。

重點()

將焦點設置到該組件

覆蓋:

獲取屬性(屬性)→ {字符串|空}

獲取屬性的值成分元素。

參數:
名字 類型 描述
屬性 細繩

要從中獲取值的屬性的名稱。

傳回:
細繩 | 無效的 -
  • 請求的屬性的值。 - 如果屬性不存在或沒有值,在某些瀏覽器上可以是空字符串 - 如果屬性不存在或沒有值,大多數瀏覽器將返回 null。
覆蓋:
請參閱:

得到孩子(姓名)→ { 成分 |未定義}

歸還孩子成分與給定的姓名 .

參數:
名字 類型 描述
姓名 細繩

孩子的名字成分要得到。

傳回:
成分 | 不明確的 -

孩子成分與給定的姓名或未定義。

覆蓋:

通過 Id 獲取孩子(ID)→ { 成分 |未定義}

歸還孩子成分與給定的ID .

參數:
名字 類型 描述
ID 細繩

孩子的id 成分要得到。

傳回:
成分 | 不明確的 -

孩子成分與給定的ID或未定義。

覆蓋:

得到後代(……名字)→ { 成分 |未定義}

返回後代成分跟隨給定的後代名字 .例如 ['foo', 'bar', 'baz'] 將嘗試在當前組件上獲取 'foo',在 'foo' 組件上獲取 'bar' 並在 'bar' 組件上獲取 'baz' 並返回 undefined 如果這些都不存在。

參數:
名字 類型 屬性 描述
名字 ...數組。<字符串> | 細繩 <可重複>

孩子的名字成分要得到。

傳回:
成分 | 不明確的 -

傳人成分跟隨給定的後代名字或未定義。

覆蓋:

獲取視頻播放質量()→ {對象}

獲取由 W3C 的媒體播放質量 API 指定的可用媒體播放質量指標。

傳回:
目的 -

具有支持的媒體播放質量指標的對象

覆蓋:
請參閱:

handleKeyDown (事件)

當此組件收到按鍵它不處理的事件,它將事件傳遞給 Player 進行處理。

參數:
名字 類型 描述
事件 事件目標~事件

按鍵導致調用此函數的事件。

覆蓋:

處理KeyPress (事件)

許多組件曾經有一個處理KeyPress方法,這個名字不好命名,因為它聽了一個按鍵事件。此方法名稱現在委託給handleKeyDown .這意味著任何人打電話處理KeyPress不會看到他們的方法調用停止工作。

參數:
名字 類型 描述
事件 事件目標~事件

導致調用此函數的事件。

覆蓋:

抽象的處理語言變化()

處理組件中播放器的語言更改。應該被子組件覆蓋。

覆蓋:

handleLateInit_ ()→ {未定義}

如果在 videojs 準備好之前 loadstart 事件已經觸發,這將被觸發。何時會發生這種情況的兩個已知示例是:

  1. 如果我們在開始加載後加載播放對象
  2. 媒體已經在播放(通常自動播放)然後

此函數將觸發另一個 loadstart,以便 videojs 可以趕上。

火災:
  • 技術#event:loadstart
傳回:
不明確的 -

什麼都不返回。

有類(classToCheck)→ {布爾值}

檢查組件的元素是否具有 CSS 類名。

參數:
名字 類型 描述
類檢查 細繩

要檢查的 CSS 類名。

傳回:
布爾值 -
  • 如果成分有課。 - 如果是假的成分沒有類`
覆蓋:

高度()→ {數字}

獲取 HTML5 媒體元素的當前高度。

傳回:
數字 -

HTML5 媒體元素的高度。

覆蓋:

隱藏()

隱藏成分 s 元素,如果它當前通過向其添加“vjs-hidden”類名來顯示。

覆蓋:

ID ()→ {字符串}

得到這個成分編號

傳回:
細繩 -

這個的id 成分

覆蓋:

初始化孩子()

添加並初始化默認子項成分基於選項。

覆蓋:

initTrackListeners ()

打開監聽器視頻曲目列表 , {AudioTrackList, 和文本軌道列表事件。

這為 EventTarget~EventListeners 添加了添加音軌, 和刪除軌道 .

火災:
覆蓋:

已處置()→ {布爾值}

確定該組件是否已被處置。

傳回:
布爾值 -

如果該組件已被處置,將真的 .否則,錯誤的 .

覆蓋:

加載()

媒體元素的包裝加載功能。這將調用HTML5媒體元素加載功能。

請參閱:

本地化(字符串,標記選擇, 默認值選擇 )→ {字符串}

本地化給定英文字符串的字符串。

如果提供了令牌,它將嘗試對提供的字符串運行簡單的令牌替換。它尋找的標記看起來像{1}索引被 1-indexed 到 tokens 數組中。

如果一個默認值提供,它將使用它細繩,如果在提供的語言文件中找不到值。如果您想要一個用於令牌替換的描述性密鑰但具有簡潔的本地化字符串並且不需要en.json被包括。

目前,它用於進度條計時。

{
  “進度條計時:currentTime={1} duration={2}”:“{1} of {2}”
}

然後像這樣使用它:

this.localize('進度條計時:currentTime={1} duration{2}',
              [this.player_.currentTime(), this.player_.duration()],
              '{1} of {2}');

輸出如下:24:56 的 01:23 .

參數:
名字 類型 屬性 描述
細繩 細繩

要本地化的字符串和要在語言文件中查找的鍵。

代幣 數組.<字符串> <可選>

如果當前項目有代幣替換,請在此處提供代幣。

默認值 細繩 <可選>

默認為細繩 .如果查找鍵需要分開,可以是用於令牌替換的默認值。

傳回:
細繩 -

本地化字符串或如果沒有本地化存在英文字符串。

覆蓋:

環形()→ {布爾值}

獲取值環形從媒體元素。環形指示媒體應返回到媒體的開頭並在到達結尾後繼續播放。

傳回:
布爾值 -
  • 的價值環形從媒體元素。 - True 表示播放應該在到達媒體末尾後重新開始。 - False 表示當到達媒體結尾時播放不應循環回到開頭。
請參閱:

手動進度關閉()

關閉 polyfill 進步創建的事件技術#manualProgressOn

覆蓋:

手動進度()

Polyfill 的進步適用於本機不支持它的瀏覽器的事件。

覆蓋:
請參閱:

手動時間更新關閉()

關閉 polyfill 時間更新創建的事件技術#manualTimeUpdatesOn

覆蓋:

手動時間更新開啟()

Polyfill 的時間更新不支持它的瀏覽器的事件。

覆蓋:
請參閱:

靜音()→ {布爾值}

獲取值靜音從媒體元素。靜音指示媒體的音量應設置為無聲。這實際上並沒有改變體積屬性。

傳回:
布爾值 -
  • 如果值為 True 體積應忽略並將音頻設置為靜音。 - 如果值為 False 體積應該使用。
請參閱:

姓名()→ {字符串}

得到成分的名字。該名稱用於引用成分並在註冊時設置。

傳回:
細繩 -

這個的名字成分 .

覆蓋:

網絡狀態()→ {數字}

獲取值網絡狀態從媒體元素。網絡狀態指示當前網絡狀態。它從以下列表返回一個枚舉:

  • 0:NETWORK_EMPTY
  • 1:網絡空閒
  • 2:網絡加載
  • 3:NETWORK_NO_SOURCE
傳回:
數字 -

的價值網絡狀態從媒體元素。這將是描述中列表中的一個數字。

請參閱:

onDurationChange (事件)

更新我們的內部持續時間持續時間變化通過調用 Tech#duration 事件。

參數:
名字 類型 描述
事件 事件目標~事件

持續時間變化導致此運行的事件。

監聽事件:
  • 科技#event:durationchange
覆蓋:

選項(對象)→ {對象}

選項對象與新選項的深度合併。

注意:當兩個對象選項包含其值為對象的屬性。這兩個屬性使用 module:mergeOptions 合併

參數:
名字 類型 描述
對象 目的

包含新選項的對象。

傳回:
目的 -

一個新的對象這個.options_對象融合在一起。

覆蓋:

overrideNativeAudioTracks (覆蓋)

嘗試強制覆蓋本機音軌。

參數:
名字 類型 描述
覆蓋 布爾值

如果設置為 true,本機音頻將被覆蓋,否則可能會使用本機音頻。

覆蓋:

overrideNativeVideoTracks (覆蓋)

嘗試強制覆蓋本機視頻軌道。

參數:
名字 類型 描述
覆蓋 布爾值

如果設置為 true 原生視頻將被覆蓋,否則原生視頻將可能被使用。

覆蓋:

暫停()

媒體元素的包裝暫停功能。這將調用HTML5媒體元素暫停功能。

請參閱:

暫停()→ {布爾值}

獲取值暫停從媒體元素。暫停指示媒體元素當前是否暫停。

傳回:
布爾值 -

的價值暫停從媒體元素。

請參閱:

()

媒體元素的包裝功能。這將調用HTML5媒體元素功能。

覆蓋:
請參閱:

回放率()→ {數字}

獲取值回放率從媒體元素。回放率指示媒體當前播放的速率。範例:

  • 如果 playbackRate 設置為 2,媒體將以兩倍的速度播放。
  • 如果 playbackRate 設置為 0.5,媒體播放速度將減半。
傳回:
數字 -

的價值回放率從媒體元素。一個數字,表示媒體的當前播放速度,其中 1 是正常速度。

請參閱:

玩過()→ {時間範圍}

獲取值玩過從媒體元素。玩過返回一個時間範圍表示媒體時間軸中已播放點的對象。

傳回:
時間範圍 -

的價值玩過從媒體元素。A 時間範圍指示已播放時間範圍的對象。

覆蓋:
請參閱:

玩家()→ { 播放器 }

返回播放器成分已附加到。

傳回:
播放器 -

這名球員成分已附加到。

覆蓋:

在線播放()→ {布爾值}

獲取值在線播放從媒體元素。在線播放向瀏覽器表明當全屏播放是本機默認設置時首選非全屏播放,例如在 iOS Safari 中。

傳回:
布爾值 -
  • 的價值在線播放從媒體元素。 - True 表示媒體應該內聯播放。 - False 表示媒體不應內聯播放。
覆蓋:
請參閱:

海報()→ {字符串}

獲取值海報從媒體元素。海報表示當沒有媒體數據可用時可以/將顯示的圖像文件的 url。

傳回:
細繩 -

的價值海報從媒體元素。值將是圖像的 url。

請參閱:

預加載()→ {字符串}

獲取值預加載從媒體元素。預加載指示在與媒體交互之前應該下載什麼。它可以具有以下值:

  • 無:不應下載任何內容
  • 元數據:可以下載海報和媒體的前幾幀以獲得媒體尺寸和其他元數據
  • auto:允許在交互之前下載媒體和媒體的元數據
傳回:
細繩 -

的價值預加載從媒體元素。將是“無”、“元數據”或“自動”。

請參閱:

準備好()→ { 成分 }

將偵聽器綁定到組件的就緒狀態。與事件監聽器不同的是,如果就緒事件已經發生,它會立即觸發函數。

傳回:
成分 -

返回自身;方法可以鏈接。

覆蓋:

就緒狀態()→ {數字}

獲取值就緒狀態從媒體元素。就緒狀態指示媒體元素的當前狀態。它從以下列表返回一個枚舉:

  • 0:一無所有
  • 1:有_元數據
  • 2:有_CURRENT_DATA
  • 3:有_FUTURE_DATA
  • 4:有_ENOUGH_DATA
傳回:
數字 -

的價值就緒狀態從媒體元素。這將是描述中列表中的一個數字。

請參閱:

remoteTextTrackEls ()→ { HTMLTrackElementList }

獲取遠程元素HTMLTrackElementList

覆蓋:

遠程文本軌道()→ { 文本軌道列表 }

獲取遠程元素文本軌道列表

傳回:
文本軌道列表
覆蓋:

移除屬性(屬性)

從中刪除一個屬性成分元素。

參數:
名字 類型 描述
屬性 細繩

要刪除的屬性的名稱。

覆蓋:
請參閱:

刪除孩子(成分)

刪除一個孩子成分由此成分的孩子名單。還刪除了孩子成分來自這個的元素成分元素。

參數:
名字 類型 描述
成分 成分

孩子成分去除。

覆蓋:

移除類(classToRemove)

從中刪除 CSS 類名成分元素。

參數:
名字 類型 描述
要刪除的類 細繩

要刪除的 CSS 類名

覆蓋:

移除遠程文本軌道(追踪)

移除遙控器文本軌道文本軌道列表目的

參數:
名字 類型 描述
追踪 文本軌道

文本軌道要刪除的對象

覆蓋:

請求動畫幀(fn)→ {數字}

排隊要傳遞給 requestAnimationFrame (rAF) 的回調,但有一些額外的好處:

  • 回退到不支持 rAF 的瀏覽器組件#setTimeout .

  • 回調變成了組件~GenericCallback(即綁定到組件)。

  • 如果組件在調用之前被釋放,rAF 回調的自動取消將被處理。

參數:
名字 類型 描述
fn 組件~GenericCallback

將綁定到此組件並在瀏覽器下一次重繪之前執行的函數。

監聽事件:
傳回:
數字 -

返回用於識別超時的 rAF ID。它也可以用於組件#cancelAnimationFrame取消動畫幀回調。

覆蓋:
請參閱:

請求命名動畫幀(姓名,姓名)

請求一個動畫幀,但只有一個命名的動畫幀會被排隊。在前一個完成之前,永遠不會添加另一個。

參數:
名字 類型 描述
姓名 細繩

給這個 requestAnimationFrame 的名稱

fn 組件~GenericCallback

將綁定到此組件並在瀏覽器下一次重繪之前執行的函數。

覆蓋:

請求畫中畫()→ {承諾}

創建始終位於其他窗口之上的浮動視頻窗口,以便用戶可以在與其他內容站點或設備上的應用程序交互時繼續使用媒體。

傳回:
承諾 -

帶有畫中畫窗口的承諾。

覆蓋:
請參閱:

請求視頻幀回調(cb)→ {數字}

本機 requestVideoFrameCallback(如果瀏覽器/技術支持)或後備 播放 DRM 時不要在 Safari 上使用 rVCF,因為它不會觸發 需要晚於構造函數進行檢查 對於 Fairplay 後加載的清晰源,這將是誤報來源

參數:
名字 類型 描述
cb 功能

要調用的函數

傳回:
數字 -

請求編號

覆蓋:

重置()

通過刪除所有源然後調用 Html5.resetMediaElement 來重置技術。

覆蓋:

擦洗()→ {布爾值}

了解我們是否正在擦洗。

傳回:
布爾值 -

isScrubbing - true 因為我們當前正在擦洗 - false 因為我們不再擦洗

覆蓋:

可尋找的()→ {時間範圍}

獲取值可尋找的從媒體元素。可尋找的返回一個時間範圍指示當前可以的時間範圍的對象尋求到。

傳回:
時間範圍 -

的價值可尋找的從媒體元素。A 時間範圍指示當前可以搜索到的時間範圍的對象。

請參閱:

尋求()→ {布爾值}

獲取值尋求從媒體元素。尋求指示媒體當前是否正在尋求新的位置。

傳回:
布爾值 -
  • 的價值尋求從媒體元素。 - True 表示媒體目前正在尋求新的位置。 - False 表示媒體目前沒有尋求新的立場。
請參閱:

設置屬性(屬性,值)

設置屬性的值成分的元素

參數:
名字 類型 描述
屬性 細繩

要設置的屬性的名稱。

價值 細繩

將屬性設置為的值。

覆蓋:
請參閱:

設置自動播放(自動播放)

設置值自動播放在媒體元素上。自動播放指示媒體應在頁面準備就緒後立即開始播放。

參數:
名字 類型 描述
自動播放 布爾值
  • True 表示媒體應在頁面加載後立即啟動。 - False 表示媒體不應在頁面加載後立即啟動。
請參閱:

設置控件(瓦爾)

設置 HTML5 媒體元素的控件屬性。

參數:
名字 類型 描述
細繩

將控件屬性設置為的值

設置跨域(交叉來源)

設置值交叉來源從媒體元素。交叉來源向瀏覽器指示應該發送 cookie 以及對不同資產/播放列表的請求

參數:
名字 類型 描述
交叉來源 細繩
  • anonymous 表示媒體不應發送 cookie。 - use-credentials 指示媒體應隨請求發送 cookie。
覆蓋:
請參閱:

設置當前時間(秒)

設置當前時間HTML5技術。

參數:
名字 類型 描述
數字

將媒體的當前時間設置為此。

覆蓋:

設置默認靜音(默認靜音)

設置值默認靜音在媒體元素上。默認靜音指示當前音頻級別應該是無聲的,但只會影響初始播放時的靜音級別。

參數:
名字 類型 描述
默認靜音 布爾值
  • 如果音頻應設置為靜音,則為 True - 否則為 False
請參閱:

設置默認播放速率()→ {數字}

設置值默認播放速率在媒體元素上。默認播放速率指示媒體在初始啟動時應播放的速率。在視頻開始後更改此值將無濟於事。相反,你應該使用Html5#setPlaybackRate .

示例值:

  • 如果 playbackRate 設置為 2,媒體將以兩倍的速度播放。
  • 如果 playbackRate 設置為 0.5,媒體播放速度將減半。
傳回:
數字 -

的價值默認播放速率從媒體元素。一個數字,表示媒體的當前播放速度,其中 1 是正常速度。

請參閱:

設置禁用畫中畫(價值)

防止瀏覽器在某些情況下建議畫中畫上下文菜單或自動請求畫中畫。

參數:
名字 類型 描述
價值 布爾值

真值將禁用畫中畫模式。

覆蓋:
請參閱:

設置間隔(fn, 區間)→ {數字}

創建一個函數,每隔X毫秒。這個函數是一個包裝器窗口.setInterval .不過,有幾個理由改用這個。

  1. 它通過清除組件#clearInterval什麼時候組件#dispose被調用。
  2. 函數回調將是組件~GenericCallback
參數:
名字 類型 描述
fn 組件~GenericCallback

每次運行的函數X秒。

間隔 數字

每隔一段時間執行指定的函數X毫秒。

監聽事件:
傳回:
數字 -

返回可用於標識間隔的 id。它也可以用於組件#clearInterval清除間隔。

覆蓋:
請參閱:

設置循環(環形)

設置值環形在媒體元素上。環形指示媒體應返回到媒體的開頭並在到達結尾後繼續播放。

參數:
名字 類型 描述
迴圈 布爾值
  • True 表示播放應該在到達媒體末尾後重新開始。 - False 表示當到達媒體結尾時播放不應循環回到開頭。
請參閱:

設置靜音(靜音)

設置值靜音在媒體元素上。靜音指示當前音頻級別應為無聲。

參數:
名字 類型 描述
靜音 布爾值
  • 如果音頻應設置為靜音,則為 True - 否則為 False
請參閱:

設置播放速率()→ {數字}

設置值回放率在媒體元素上。回放率表示媒體播放的速率。範例:

  • 如果 playbackRate 設置為 2,媒體將以兩倍的速度播放。
  • 如果 playbackRate 設置為 0.5,媒體播放速度將減半。
傳回:
數字 -

的價值回放率從媒體元素。一個數字,表示媒體的當前播放速度,其中 1 是正常速度。

請參閱:

setPlaysinline (在線播放)

設置值在線播放從媒體元素。在線播放向瀏覽器表明當全屏播放是本機默認設置時首選非全屏播放,例如在 iOS Safari 中。

參數:
名字 類型 描述
遊戲內嵌 布爾值
  • True 表示媒體應該內聯播放。 - False 表示媒體不應內聯播放。
覆蓋:
請參閱:

設置海報(海報)

設置值海報在媒體元素上。海報是圖像文件的 URL,當沒有媒體數據可用時可以/將顯示該圖像文件。

參數:
名字 類型 描述
海報 細繩

應該用作圖像的 url 海報對於媒體元素。

覆蓋:
請參閱:

設置預加載(預加載)

設置值預加載在媒體元素上。預加載指示在與媒體交互之前應該下載什麼。它可以具有以下值:

  • 無:不應下載任何內容
  • 元數據:可以下載海報和媒體的前幾幀以獲得媒體尺寸和其他元數據
  • auto:允許在交互之前下載媒體和媒體的元數據
參數:
名字 類型 描述
預先載入 細繩

的價值預加載在媒體元素上設置。必須是“無”、“元數據”或“自動”。

請參閱:

設置清理(isScrubbing)

設置我們是否正在擦洗。這用於決定我們是否應該使用快速搜索或不。快速搜索用於在 Safari 瀏覽器上提供特技播放。

參數:
名字 類型 描述
正在擦洗 布爾值
  • true 因為我們目前正在擦洗 - false 因為我們不再擦洗
覆蓋:

設置源(來源)

設置值來源在媒體元素上。來源表示當前科技~SourceObject對於媒體。

參數:
名字 類型 描述
來源 科技~SourceObject

要設置為當前源的源對象。

請參閱:

設置超時(fn,超時)→ {數字}

創建一個在一個函數之後運行的函數X毫秒超時。這個函數是一個包裝器窗口.setTimeout .不過,有幾個理由改用這個:

  1. 它通過清除組件#clearTimeout什麼時候組件#dispose被調用。
  2. 函數回調將變成組件~GenericCallback

注意:你不能使用window.clearTimeout在這個函數返回的 id 上。這將導致其處理偵聽器無法清理!請用組件#clearTimeout或者組件#dispose反而。

參數:
名字 類型 描述
fn 組件~GenericCallback

之後將運行的函數暫停 .

超時 數字

在執行指定函數之前延遲的超時時間(以毫秒為單位)。

監聽事件:
傳回:
數字 -

返回用於標識超時的超時 ID。它也可以用於組件#clearTimeout清除設置的超時。

覆蓋:
請參閱:

setupSourcesetHandling_ ()

修改媒體元素,以便我們可以檢測源何時更改。火災資源集就在源改變之後

設置音量(percentAsDecimal)

設置值體積在媒體元素上。體積以十進制形式的百分比表示當前音頻電平。這意味著 1 是 100%,0.5 是 50%,依此類推。

參數:
名字 類型 描述
小數百分比 數字

小數形式的體積百分比。有效範圍為 0-1。

請參閱:

展示()

顯示成分 s 元素(如果通過從中刪除“vjs-hidden”類名來隱藏它)。

覆蓋:

來源(來源選擇 )→ { 科技~SourceObject |未定義}

的吸氣劑/吸氣劑HTML5 Tech 的源對象。

注意:請使用 Html5#setSource

參數:
名字 類型 屬性 描述
來源 科技~SourceObject <可選>

您要在HTML5科技元素。

傳回:
科技~SourceObject | 不明確的 -
  • 未傳入源時的當前源對象。 - 設置時未定義
棄用:
  • 從第 5 版開始。

停止跟踪當前時間()

停止創建的區間函數科技#trackCurrentTime所以這樣時間更新不再觸發事件。

監聽事件:
  • {技術#event:暫停}
覆蓋:

停止跟踪進度()

關閉 polyfill 進步創建的事件技術#manualProgressOn通過清除設置的間隔來停止手動跟踪進度事件科技#trackProgress .

覆蓋:

支持全屏()→ {布爾值}

檢查當前播放設備是否支持全屏。

傳回:
布爾值 -
  • 如果支持全屏則為真。 - 如果不支持全屏則為 False。

文本軌道()→ { 文本軌道列表 }

傳回:
文本軌道列表
覆蓋:

切換類(classToToggle, 謂詞選擇 )

在組件的元素中添加或刪除 CSS 類名。

參數:
名字 類型 屬性 描述
類切換 細繩

添加或刪除的類基於 (@link Component#hasClass}

謂詞 布爾值 | dom~謂詞 <可選>

一個 Dom~predicate 函數或一個布爾值

覆蓋:

跟踪當前時間()

設置一個間隔函數來跟踪當前時間和触發器時間更新每 250 毫秒。

監聽事件:
  • 科技#event:play
覆蓋:

跟踪進度(事件)

這用於觸發進步緩衝百分比更改時的事件。它設置了一個間隔函數,每 500 毫秒調用一次,以檢查緩衝區結束百分比是否已更改。

這個函數被調用技術#manualProgressOn

參數:
名字 類型 描述
事件 事件目標~事件

準備好導致此運行的事件。

火災:
監聽事件:
覆蓋:

觸發就緒()

為此觸發所有準備好的監聽器成分 .

火災:
覆蓋:

觸發器源集(來源)

觸發源設置的特殊功能,如果玩家或技術尚未準備就緒,允許玩家重新觸發。

參數:
名字 類型 描述
來源 細繩

源更改時的源字符串。

火災:
覆蓋:

視頻高度()→ {數字}

獲取值視頻高度從視頻元素。視頻高度指示視頻的當前高度(以 css 像素為單位)。

傳回:
數字 -

的價值視頻高度從視頻元素。這將是一個以 css 像素為單位的數字。

請參閱:

視頻軌道()→ { 視頻曲目列表 }

傳回:
視頻曲目列表
覆蓋:

視頻寬度()→ {數字}

獲取值視頻寬度從視頻元素。視頻寬度指示視頻的當前寬度(以 css 像素為單位)。

傳回:
數字 -

的價值視頻寬度從視頻元素。這將是一個以 css 像素為單位的數字。

請參閱:

體積()→ {數字}

獲取值體積從媒體元素。體積指示媒體的當前音頻播放音量。體積將是從 0(靜音)到 1(最響亮和默認)的值。

傳回:
數字 -

的價值體積從媒體元素。值將在 0-1 之間。

請參閱:

寬度()→ {數字}

獲取 HTML5 媒體元素的當前寬度。

傳回:
數字 -

HTML5 媒體元素的寬度。

覆蓋:

靜止的可以控製播放速率()→ {布爾值}

檢查是否可以在此瀏覽器/設備中更改播放速率。

傳回:
布爾值 -
  • 如果可以控製播放速率則為 True - 否則為 False

靜止的可以控制音量()→ {布爾值}

檢查是否可以在此瀏覽器/設備中更改音量。許多移動設備無法更改音量。具體來說,在 iOS 上不能從 1 更改。

傳回:
布爾值 -
  • 如果可以控制音量則為真 - 否則為假

靜止的可以靜音()→ {布爾值}

檢查是否可以在此瀏覽器/設備中將音量靜音。某些設備(例如 iOS)不允許更改音量但允許靜音/取消靜音。

傳回:
布爾值 -
  • 如果音量可以靜音則為真
    • 否則為假

靜止的可以覆蓋屬性()→ {布爾值}

檢查我們是否可以使用 Object.defineProperty 覆蓋視頻/音頻元素屬性。

傳回:
布爾值 -
  • 如果可以覆蓋內置屬性,則為 True - 否則為 False

靜止的 canPlaySource (srcObj, 選項)→ {字符串}

檢查技術是否可以支持給定的來源

參數:
名字 類型 描述
源對象 目的

源對象

選項 目的

傳遞給技術的選項

傳回:
細繩 -

“可能”、“也許”或“”(空字符串)

靜止的可以播放類型(類型)→ {字符串}

檢查技術是否可以支持給定的類型

參數:
名字 類型 描述
類型 細繩

要檢查的 mimetype

傳回:
細繩 -

“可能”、“也許”或“”(空字符串)

靜止的支持()→ {布爾值}

檢查此瀏覽器/設備是否支持 HTML5 媒體。

傳回:
布爾值 -
  • 如果支持 HTML5 媒體,則為真。 - 如果不支持 HTML5 媒體,則為 False。

靜止的支持NativeAudioTracks ()→ {布爾值}

看看是不是原生的音軌此瀏覽器/設備支持 s

傳回:
布爾值 -
  • 如果是本地的,則為真音軌支持。 -否則為假

靜止的支持NativeTextTracks ()→ {布爾值}

看看是不是原生的文本軌道此瀏覽器/設備支持 s。

傳回:
布爾值 -
  • 如果是本地的,則為真文本軌道支持。 -否則為假

靜止的支持NativeVideoTracks ()→ {布爾值}

看看是不是原生的視頻軌道此瀏覽器/設備支持 s

傳回:
布爾值 -
  • 如果是本地的,則為真視頻軌道支持。 -否則為假

活動

音軌變化

在 Tech 上添加或刪除曲目時觸發音軌列表

類型:
覆蓋:

組件調整大小

調整組件大小時觸發。

類型:
覆蓋:

處置

當一個成分被處置。

類型:
特性:
名字 類型 屬性 預設 描述
氣泡 布爾值 <可選>
假的

設置為 false 以便 dispose 事件不會冒泡

覆蓋:

進步

見球員#progress

類型:
覆蓋:

準備

當一個成分準備好了。

類型:
覆蓋:

資源集

當在技術上設置源導致媒體元素重新加載時觸發。

類型:
覆蓋:
請參閱:

輕敲

當一個成分被竊聽。

類型:
覆蓋:

文本軌道變化

在 Tech 上添加或刪除曲目時觸發文本軌道列表

類型:
覆蓋:

時間更新

觸發 timeupdate 因為我們已經完成搜索並且時間已經改變。如果播放器暫停以計時時間顯示,這特別有用。

類型:
覆蓋:

視頻軌道變化

在 Tech 上添加或刪除曲目時觸發視頻曲目列表

類型:
覆蓋:

vttjs加載

加載 vtt.js 時觸發。

類型:
覆蓋: