科技(選項選擇, 準備好)

這是媒體播放技術控制器的基類,例如 HTML5

新的科技(選項選擇, 準備好)

創建此技術的實例。

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

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

準備 組件~ReadyCallback

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

延伸

成員

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

布爾值指示是否科技支持全屏調整大小控制。使用請求全屏調整插件大小會重新加載插件

功能靜音控制:布爾值

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

默認值:
  • 真正

featuresNativeTextTracks :布爾值

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

特徵回放率:布爾值

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

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

功能進度事件:布爾值

布爾值指示是否科技支持進步事件。這目前不是由 video-js-swf 觸發的。這將用於確定是否技術#manualProgressOn應該被調用。

特性源集:布爾值

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

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

功能時間更新事件:布爾值

布爾值指示是否科技支持時間更新事件。這目前不是由 video-js-swf 觸發的。這將用於確定是否應調用 Tech#manualTimeUpdates。

功能VideoFrameCallback :布爾值

布爾值指示是否科技支持請求視頻幀回調 .

功能音量控制:布爾值

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

默認值:
  • 真正

方法

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

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

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

源對象

選項 目的

傳遞給技術的選項

傳回:
細繩 -

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

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

檢查此技術是否支持該類型。

基礎技術不支持任何類型,但源處理程序可能會覆蓋它。

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

要檢查的媒體類型

傳回:
細繩 -

返回原生視頻元素的響應

靜止的得到技術(姓名)→ { 科技 |未定義}

得到科技按名稱從共享列表中。

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

駱駝香煙盒或者標題大小寫要獲得的技術名稱

傳回:
科技 | 不明確的 -

科技如果沒有具有所請求名稱的技術,則為未定義。

靜止的註冊技術(姓名、技術)

註冊一個科技進入 videojs 的共享列表。

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

的名字科技註冊。

技術 目的

科技類註冊。

靜止的 withSourceHandlers (_技術)

為想要使用 Source Handler 模式的技術人員提供的功能性混合。源處理程序是用於處理特定格式的腳本。源處理程序模式用於自適應格式(HLS、DASH),手動加載視頻數據並將其饋送到源緩衝區(媒體源擴展)示例:技術。與來源處理器。呼叫(MyTech);

參數:
名字 類型 描述
_技術 科技

添加源處理函數的技術。

混入:
  • 技術~SourceHandlerAdditions

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

查找與 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 軌道元素。

注意:這可以是一個模擬HTMLTrack元素或本地人。

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

技術#createRemoteTextTrack更詳細的屬性。

手動清理 布爾值 <可選>
真正
  • 當為 false 時:當源發生變化時,TextTrack 將自動從視頻元素中刪除 - 當為 True 時:必須手動清理 TextTrack
傳回:
HTMLTrack元素 -

一個 Html 軌道元素。

棄用:
  • 此函數的默認功能將等同於將來的“manualCleanup=false”。manualCleanup 參數也將被刪除。

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

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

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

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

標籤 細繩 <可選>

標識文本軌道的標籤

語言 細繩 <可選>

兩個字母的語言縮寫

傳回:
文本軌道 -

創建的 TextTrack。

addWebVttScript_ ()

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

火災:

音軌()→ { 音軌列表 }

得到音軌列表

傳回:
音軌列表

模糊()

從此組件中移除焦點

覆蓋:

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

獲取並創建一個時間範圍用於緩衝的對象。

傳回:
時間範圍 -

創建的時間範圍對象。

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

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

傳回:
數字 -

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

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

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

傳回:
細繩 -

此對象的 DOM 類名稱。

覆蓋:

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

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

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

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

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

傳回:
數字 -

返回已清除的 rAF ID。

覆蓋:
請參閱:

取消命名動畫幀(姓名)

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

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

要取消的 requestAnimationFrame 的名稱。

覆蓋:

取消VideoFrameCallback (ID)

cancelVideoFrameCallback 的回退實現

參數:
名字 類型 描述
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 .

傳回:
元素 -

這個的內容元素成分 .

覆蓋:

創建El (標籤名選擇, 特性選擇, 屬性選擇 )→ {元素}

創建成分 s DOM 元素。

參數:
名字 類型 屬性 描述
標籤名 細繩 <可選>

元素的 DOM 節點類型。例如'div'

特性 目的 <可選>

應設置的屬性對象。

屬性 目的 <可選>

應設置的屬性對象。

傳回:
元素 -

被創建的元素。

覆蓋:

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

創建一個模擬的 TextTrack 以供 addRemoteTextTrack 使用

這旨在被繼承自 Tech 的類覆蓋,以創建本機或自定義 TextTrack。

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

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

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

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

標籤 細繩 <可選>

標識文本軌道的標籤

語言 細繩 <可選>

兩個字母的語言縮寫。

傳回:
HTMLTrack元素 -

創建的軌道元素。

抽象的交叉來源()

獲取值交叉來源從技術。

請參閱:

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

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

用途window.getComputedStyle .

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

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

傳回:
數字 -

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

覆蓋:

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

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

用途window.getComputedStyle .

傳回:
組件~維度對象 -

組件元素的計算尺寸。

覆蓋:

當前高度()→ {數字}

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

用途window.getComputedStyle .

傳回:
數字 -

組件元素的計算高度。

覆蓋:

當前寬度()→ {數字}

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

用途window.getComputedStyle .

傳回:
數字 -

組件元素的計算寬度。

覆蓋:

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

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

須知:

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

8 '寬度'或'高度'

數字 | 細繩 <可選>

8 新維度

跳過聽眾 布爾值 <可選>

跳過 componentresize 事件觸發

火災:
傳回:
數字 -

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

覆蓋:

方面(寬度,高度)

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

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

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

高度 數字 | 細繩

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

覆蓋:

抽象的禁用畫中畫()

檢查“disablePictureInPicture”值的方法

處置()

關閉所有事件 polyfill,清除科技音軌列表 , 視頻曲目列表, 和文本軌道列表,並處置該技術。

火災:
覆蓋:

埃爾()→ {元素}

得到成分 DOM 元素

傳回:
元素 -

這個的 DOM 元素成分 .

覆蓋:

模擬文本軌道()

模擬文本軌道

啟用觸摸活動()

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

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

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

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

錯誤(呃選擇 )→ { 媒體錯誤 |空}

獲取或設置技術錯誤。

參數:
名字 類型 屬性 描述
媒體錯誤 <可選>

技術設置錯誤

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

技術上的當前錯誤對象,如果沒有則為 null。

重點()

將焦點設置到該組件

覆蓋:

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

獲取屬性的值成分元素。

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

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

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

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

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

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

孩子的名字成分要得到。

傳回:
成分 | 不明確的 -

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

覆蓋:

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

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

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

孩子的id 成分要得到。

傳回:
成分 | 不明確的 -

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

覆蓋:

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

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

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

孩子的名字成分要得到。

傳回:
成分 | 不明確的 -

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

覆蓋:

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

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

傳回:
目的 -

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

請參閱:

handleKeyDown (事件)

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

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

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

覆蓋:

處理KeyPress (事件)

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

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

導致調用此函數的事件。

覆蓋:

抽象的處理語言變化()

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

覆蓋:

有類(classToCheck)→ {布爾值}

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

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

要檢查的 CSS 類名。

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

高度(數選擇 , 跳過聽眾選擇 )→ {數字|字符串}

根據 CSS 樣式獲取或設置組件的高度。看組件#尺寸了解更多詳細信息。

參數:
名字 類型 屬性 描述
數字 | 細繩 <可選>

您要設置的高度後綴為“%”、“px”或什麼都不加。

跳過聽眾 布爾值 <可選>

跳過 componentresize 事件觸發

傳回:
數字 | 細繩 -

獲取時的寬度,沒有寬度則為零。可以是帶有“%”或“px”的後綴字符串。

覆蓋:

隱藏()

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

覆蓋:

ID ()→ {字符串}

得到這個成分編號

傳回:
細繩 -

這個的id 成分

覆蓋:

初始化孩子()

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

覆蓋:

initTrackListeners ()

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

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

火災:

已處置()→ {布爾值}

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

傳回:
布爾值 -

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

覆蓋:

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

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

如果提供了令牌,它將嘗試對提供的字符串運行簡單的令牌替換。它尋找的標記看起來像{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 .

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

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

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

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

默認值 細繩 <可選>

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

傳回:
細繩 -

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

覆蓋:

手動進度關閉()

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

手動進度()

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

請參閱:

手動時間更新關閉()

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

手動時間更新開啟()

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

請參閱:

姓名()→ {字符串}

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

傳回:
細繩 -

這個的名字成分 .

覆蓋:

onDurationChange (事件)

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

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

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

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

選項(對象)→ {對象}

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

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

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

包含新選項的對象。

傳回:
目的 -

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

覆蓋:

抽象的 overrideNativeAudioTracks (覆蓋)

嘗試強制覆蓋本機音軌。

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

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

抽象的 overrideNativeVideoTracks (覆蓋)

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

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

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

抽象的()

開始播放

請參閱:

玩過()→ {時間範圍}

返回時間範圍已為當前源播放過的 s。

注意:這個實現是不完整的。它不跟踪播放時間範圍 .它只檢查源是否播放過。

傳回:
時間範圍 -
  • 如果該視頻已播放,則為單個時間範圍 - 如果未播放,則為一組空範圍。

玩家()→ { 播放器 }

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

傳回:
播放器 -

這名球員成分已附加到。

覆蓋:

抽象的在線播放()

一種檢查“playsinline”是否存在的方法

準備好()→ { 成分 }

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

傳回:
成分 -

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

覆蓋:

remoteTextTrackEls ()→ { HTMLTrackElementList }

獲取遠程元素HTMLTrackElementList

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

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

傳回:
文本軌道列表

移除屬性(屬性)

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

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

要刪除的屬性的名稱。

覆蓋:
請參閱:

刪除孩子(成分)

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

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

孩子成分去除。

覆蓋:

移除類(classToRemove)

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

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

要刪除的 CSS 類名

覆蓋:

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

從遙控器中刪除遠程文本軌道文本軌道列表 .

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

文本軌道從中刪除文本軌道列表

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

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

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

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

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

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

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

監聽事件:
傳回:
數字 -

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

覆蓋:
請參閱:

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

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

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

給這個 requestAnimationFrame 的名稱

FN 組件~GenericCallback

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

覆蓋:

抽象的請求畫中畫()→ {承諾|未定義}

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

傳回:
承諾 | 不明確的 -

如果瀏覽器支持 Promises(或者一個作為選項傳入),則帶有畫中畫窗口的 promise。否則返回 undefined 。

請參閱:

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

使用 requestAnimationFrame 的 requestVideoFrameCallback 回退實現

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

請求編號

抽象的重置()

重置技術,這將刪除所有源並重置內部 readyState。

抽象的擦洗()

獲取我們是否正在擦洗

請參閱:

設置屬性(屬性,值)

設置屬性的值成分的元素

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

要設置的屬性的名稱。

價值 細繩

將屬性設置為的值。

覆蓋:
請參閱:

抽象的設置跨域(交叉來源)

設置值交叉來源在技術上。

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

crossOrigin 值

請參閱:

設置當前時間()

導致手動時間更新發生,如果技術#manualTimeUpdatesOn以前被稱為。

火災:

抽象的設置禁用畫中畫()

設置或取消設置“disablePictureInPicture”的方法

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

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

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

每次運行的函數X秒。

間隔 數字

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

監聽事件:
傳回:
數字 -

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

覆蓋:
請參閱:

抽象的 setPlaysinline ()

設置或取消設置“playsinline”的方法

抽象的設置海報()

一種設置海報的方法科技 .

抽象的設置清理()

設置我們是否正在擦洗

請參閱:

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

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

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

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

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

之後將運行的函數暫停 .

超時 數字

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

監聽事件:
傳回:
數字 -

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

覆蓋:
請參閱:

展示()

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

覆蓋:

停止跟踪當前時間()

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

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

停止跟踪進度()

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

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

傳回:
文本軌道列表

切換類(classToToggle, 謂詞選擇 )

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

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

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

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

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

覆蓋:

跟踪當前時間()

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

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

跟踪進度(事件)

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

這個函數被調用技術#manualProgressOn

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

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

火災:
監聽事件:

觸發就緒()

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

火災:
覆蓋:

觸發器源集(來源)

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

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

源更改時的源字符串。

火災:

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

傳回:
視頻曲目列表

寬度(數選擇 , 跳過聽眾選擇 )→ {數字|字符串}

根據 CSS 樣式獲取或設置組件的寬度。看組件#尺寸了解更多詳細信息。

參數:
名字 類型 屬性 描述
數字 | 細繩 <可選>

您要設置的寬度後綴為“%”、“px”或什麼都不加。

跳過聽眾 布爾值 <可選>

跳過 componentresize 事件觸發

傳回:
數字 | 細繩 -

獲取時的寬度,沒有寬度則為零。可以是帶有“%”或“px”的後綴字符串。

覆蓋:

類型定義

源對象

包含如下結構的對象: {src: 'url', type: 'mimetype'}或僅包含 src url 的字符串。

  • var SourceObject = {src: 'http://ex.com/video.mp4', type: 'video/mp4'}; var SourceString = 'http://example.com/some-video.mp4';
特性:
名字 類型 描述
來源 細繩

來源的網址

類型 細繩

源的 MIME 類型

活動

音軌變化

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

類型:

組件調整大小

調整組件大小時觸發。

類型:
覆蓋:

處置

當一個成分被處置。

類型:
本次活動聽眾:
特性:
名字 類型 屬性 預設 描述
氣泡 布爾值 <可選>
假的

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

覆蓋:

進步

見球員#progress

類型:

準備

當一個成分準備好了。

類型:
本次活動聽眾:
覆蓋:

資源集

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

類型:
請參閱:

輕敲

當一個成分被竊聽。

類型:
覆蓋:

文本軌道變化

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

類型:

時間更新

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

類型:

時間更新

以 250 毫秒的間隔觸發,表示時間正在視頻中流逝。

類型:

時間更新

一本手冊時間更新事件。

類型:

視頻軌道變化

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

類型:

vttjs加載

加載 vtt.js 時觸發。

類型:

vttjs加載

由於錯誤而未加載 vtt.js 時觸發

類型: