新的文本軌道顯示 (播放器, 選項選擇 , 準備選擇 )
tracks/text-track-display.js , 第 85 行
tracks/text-track-display.js , 第 85 行
創建此類的實例。
參數：
| 名字 | 類型 | 屬性 | 描述 |
|---|---|---|---|
播放器 |
播放器 |
該職業應該附加的 |
|
選項 |
目的 |
< 選購配備 > |
播放器選項的鍵/值存儲。 |
準備 |
組件~ReadyCallback |
< 選購配備 > |
當 |
延伸
方法
-
$ （選擇器，上下文選擇）→ {元素 | 空}
-
查找匹配選擇器的單個
DOM 元素。這可以在組件的ContenTel（）或其他自定義上下文中。參數：
名字 類型 屬性 預設 描述 選擇器細繩 一個有效的 CSS 選擇器，這將被傳遞給
查詢選擇器。語境元素 | 細繩 < 選購配備 >
這個.contentEl() 要在其中查詢的 DOM 元素。也可以是選擇器字符串，在這種情況下，第一個匹配元素將用作上下文。如果缺少
這個。內容（）被使用。如果這個.contentel () 不返回任何內容，它會退回到文檔中。傳回：
元素 | 無效的 -找到的 dom 元素，或 null
- 覆蓋：
- 請參閱：
-
$$ （選擇器，上下文選項）→ {節點列表}
-
查找匹配
選擇器的所有 DOM 元素。這可以在組件的ContenTel（）或其他自定義上下文中。參數：
名字 類型 屬性 預設 描述 選擇器細繩 一個有效的 CSS 選擇器，這將被傳遞給
查詢選擇器全部。語境元素 | 細繩 < 選購配備 >
這個.contentEl() 要在其中查詢的 DOM 元素。也可以是選擇器字符串，在這種情況下，第一個匹配元素將用作上下文。如果缺少
這個。內容（）被使用。如果這個.contentel () 不返回任何內容，它會退回到文檔中。傳回：
節點列表 -找到的 dom 元素列表
- 覆蓋：
- 請參閱：
-
添加孩子（子，選項選擇，索引選項）→ { 組件 }
-
在目前
元件內加入子元件。參數：
名字 類型 屬性 預設 描述 孩子細繩 | 成分 要添加的子項的名稱或實例。
選項目的 < 選購配備 >
{} 將傳遞給孩子的孩子的選項的鍵/值存儲。
指數數字 < 選購配備 >
這個.children_.length 嘗試將子項添加到的索引。
- 覆蓋：
-
添加類（類添加）
-
添加一個 CSS 類名的
組件s 元素。參數：
名字 類型 描述 添加類細繩 要添加的 CSS 類名
- 覆蓋：
-
模糊()
-
從此組件中移除焦點
- 覆蓋：
-
抽象構建 CSCLASS （）→ {字符串}
-
構建默認的 DOM 類名。應該被子組件覆蓋。
傳回：
細繩 -此對象的 DOM 類名稱。
- 覆蓋：
-
取消動畫幀（ID）→ {數字}
-
取消傳遞至元件 #requestAnimationFrame (RAF) 的佇列回呼。
如果您透過元件 #requestAnimationFrame 將 RAF 回呼排入佇列，請使用此函數而非
視窗。取消動畫影格。如果你不這樣做，你的處置偵聽器將不會被清理，直到組件 #dispose !參數：
名字 類型 描述 身份證數字 要清除的 rAF ID。元件 #requestAnimationFrame 的傳回值。
傳回：
數字 -返回已清除的 rAF ID。
- 覆蓋：
- 請參閱：
-
取消命名動畫幀（姓名）
-
取消當前命名的動畫幀（如果存在）。
參數：
名字 類型 描述 姓名細繩 要取消的 requestAnimationFrame 的名稱。
-
兒童（）→ {數組}
-
獲取所有子組件的數組
傳回：
大批 -這些孩子
- 覆蓋：
-
清晰顯示()
-
清除所有顯示的文字軌道。
-
清除間隔（有效）→ {數字}
-
清除獲取通過
窗口創建的間隔。設置間隔或組件 #setInterval。如果您透過元件 #setInterval 設定整數，請使用此函數，而不是視窗清除間隔。如果你沒有你的處置監聽器將不會被清理，直到組件 #dispose !參數：
名字 類型 描述 間隔Id數字 要清除的間隔的 ID。元件 #setInterval或
視窗的傳回值。設定間隔。傳回：
數字 -返回已清除的間隔 ID。
- 覆蓋：
- 請參閱：
-
清除 (時間編號) → {數字}
-
清除獲取通過
窗口。設置超時或組件 #setTimeout 創建的超時。如果您通過組件 #setTimeout 設置超時，請使用此功能，而不是窗口。如果你沒有你的處置監聽器將不會被清理，直到組件 #dispose !參數：
名字 類型 描述 超時ID數字 要清除的超時 ID。元件 #setTimeout或
視窗。設定逾時的傳回值。傳回：
數字 -返回已清除的超時 ID。
- 覆蓋：
- 請參閱：
-
內容特爾（）→ {元素}
-
返回組
件的 DOM 元素。這是孩子們被插入的地方。這通常與元件 #el 中傳回的元素相同。傳回：
元素 -此元
件的內容元素。- 覆蓋：
-
創建地台（）→ {元素}
-
創建組件的 DOM 元素。
傳回：
元素 -創建的元素。
- 覆蓋：
-
目前尺寸標註 (寬度高度) → {數字}
-
獲取組件元素的計算寬度或高度。
使用
窗口。獲取計算風格。參數：
名字 類型 描述 寬度或高度細繩 包含“寬度”或“高度”的字符串。想要哪個就拿哪個。
傳回：
數字 -被請求的維度，如果沒有為該維度設置任何內容，則為 0。
-
目前尺寸 () → { 元件尺寸標註物件 }
-
獲取一個對象，該對象包含組件元素的計算寬度和高度值。
使用
窗口。獲取計算風格。 -
電流（）→ {數字}
-
獲取組件元素的計算高度。
使用
窗口。獲取計算風格。傳回：
數字 -組件元素的計算高度。
- 覆蓋：
-
目前寬度（）→ {數字}
-
獲取組件元素的計算寬度。
使用
窗口。獲取計算風格。傳回：
數字 -組件元素的計算寬度。
- 覆蓋：
-
尺寸（寬度高度，數字選擇，跳過監聽器選擇）→ {數字}
-
獲取或設置
組件元素的寬度或高度。這是共享代碼組件#width和組件#height .須知：
- 如果數字中的寬度或高度，這將返回帶有“px”後綴的數字。
- 如果寬度/高度是百分比，這將返回後綴為“%”的百分比
- 隱藏元素的寬度為 0
，帶窗口。此函數默認為組件的風格。寬度和回落到窗口。獲取計算風格。看到這裡更多的信息 - 如果您想要元件的計算樣式，請使用元件 #currentWidth和 {元件 #currentHeight
參數：
名字 類型 屬性 描述 寬度或高度細繩 8 '寬度'或'高度'
數數字 | 細繩 < 選購配備 >
8 新維度
跳過聽眾布爾值 < 選購配備 >
跳過 componentresize 事件觸發
火災：
傳回：
數字 -獲取時的維度，如果未設置則為 0
- 覆蓋：
-
方面（寬度，高度）
-
同時設置
組件元素的寬度和高度。參數：
名字 類型 描述 寬度數字 | 細繩 設定元件圖
元的寬度。高度數字 | 細繩 將元件圖
元設定為的高度。- 覆蓋：
-
處置（選項）
component.js, 第 144行 -
處置組
件和所有子組件。參數：
名字 類型 描述 選項目的 性質
名字 類型 描述 原來的El元素 用於替換播放器元素的元素
火災：
- 覆蓋：
-
埃爾（）→ {元素}
-
獲取元
件的 DOM 元素傳回：
元素 -此
組件的 DOM 元素。- 覆蓋：
-
啟用觸摸活動()
-
每當發生觸摸事件時，此函數都會報告用戶活動。這可以被任何希望觸摸事件以另一種方式起作用的子組件關閉。
發生觸摸事件時報告用戶觸摸活動。用戶活動用於確定控件何時顯示/隱藏。鼠標事件很簡單，因為任何鼠標事件都應該顯示控件。因此，我們捕獲冒泡到玩家的鼠標事件並在發生時報告活動。隨著觸摸事件，它並不像觸摸
開始和Touchend切換播放器控件那麼容易。所以觸摸事件也不能在玩家層面幫助我們。異步檢查用戶活動。因此，可能發生的情況是視頻上的點擊事件會關閉控件。
接觸端事件會向玩家泡泡。如果它報告用戶活動，它將立即重新打開控件。我們也不希望完全阻止觸摸事件冒泡。此外，touchmove事件和除了點擊以外的任何東西，都不應重新打開控件。監聽事件：
- 組件#event：touchstart
- 組件#event：touchmove
- 元件 #事件:接觸端
- 元件 #事件:觸控取消
-
重點()
-
將焦點設置到該組件
- 覆蓋：
-
獲取屬性（屬性）→ {串 | 空}
-
獲取組件元素上的
屬性值。參數：
名字 類型 描述 屬性細繩 要從中獲取值的屬性的名稱。
傳回：
細繩 | 無效的 -- 請求的屬性的值。 - 如果屬性不存在或沒有值，在某些瀏覽器上可以是空字符串 - 如果屬性不存在或沒有值，大多數瀏覽器將返回 null。
- 覆蓋：
- 請參閱：
-
獲取子項（名稱）→ { 組件 | 未定義}
-
歸還孩子
成分與給定的姓名.參數：
名字 類型 描述 姓名細繩 要取得之子
元件的名稱。- 覆蓋：
-
獲取孩子標識（ID）→ { 組件 | 未定義}
-
返回具有給定
ID的子組件。參數：
名字 類型 描述 身份證細繩 要取得之子
元件的 ID。- 覆蓋：
-
獲取後代（... 名稱）→ { 組件 | 未定義}
-
返回後代
組件跟隨給定的後代名稱。例如 ['foo', 'bar', 'baz'] 將嘗試在當前組件上獲取 'foo'，在 'foo' 組件上獲取 'bar' 並在 'bar' 組件上獲取 'baz' 並返回 undefined 如果這些都不存在。參數：
名字 類型 屬性 描述 名字...數組。<字符串> | 細繩 < 可重複使用 >
要取得之子
元件的名稱。- 覆蓋：
-
手柄向下（事件）
-
當此組件收到不處理的
keydown事件時，它會將事件傳遞給播放器進行處理。參數：
名字 類型 描述 事件事件目標~事件 導致此函數被調用的
keydown事件。- 覆蓋：
-
手柄按鍵（事件）
-
許多元件曾經有
HandleKeyPress方法，因為它聽取了按鍵事件而命名不佳。此方法名稱現在委託手柄向下。這意味著任何調用HandleKeyPress 的人都不會看到他們的方法調用停止工作。參數：
名字 類型 描述 事件事件目標~事件 導致調用此函數的事件。
-
抽象手柄語言變化（）
-
處理組件中播放器的語言更改。應該被子組件覆蓋。
-
具有類（類檢查）→ {布爾}
-
檢查組件的元素是否具有 CSS 類名。
參數：
名字 類型 描述 類檢查細繩 要檢查的 CSS 類名。
傳回：
布爾值 -- 如果
組件具有類，則為 True。-如果組件沒有類，則為 False
- 覆蓋：
- 如果
-
高度（NUM 選擇，跳過聽眾選擇）→ {數字 | 字符串}
-
根據 CSS 樣式獲取或設置組件的高度。看組件#尺寸了解更多詳細信息。
參數：
名字 類型 屬性 描述 數數字 | 細繩 < 選購配備 >
您要設置的高度後綴為“%”、“px”或什麼都不加。
跳過聽眾布爾值 < 選購配備 >
跳過 componentresize 事件觸發
傳回：
數字 | 細繩 -獲取時的寬度，沒有寬度則為零。可以是帶有“%”或“px”的後綴字符串。
- 覆蓋：
-
隱藏()
-
隱藏
元件的元素，如果它目前正在顯示通過添加 'vjs-隱藏' 類名稱到它。- 覆蓋：
-
代碼（）→ {字符串}
component.js, 第 365線 -
獲取此
組件的 ID傳回：
細繩 -這個的id
成分- 覆蓋：
-
初始化孩子()
-
根據選項添加和初始化默認子
組件s。- 覆蓋：
-
設置（）→ {布爾}
-
確定該組件是否已被處置。
傳回：
布爾值 -如果組件已被處置，將是
真實的。否則，假的。- 覆蓋：
-
本地化（字符串，令牌選擇，默認值選項）→ {串}
-
本地化給定英文字符串的字符串。
如果提供了令牌，它將嘗試對提供的字符串運行簡單的令牌替換。它查找的令牌看起來像
{1}，索引被 1 索引到令牌數組中。如果提供了
defaultValue，它將使用該字符串，如果在提供的語言文件中找不到值。如果您希望具有用於替換令牌的描述性密鑰，但具有簡潔的本地化字符串並且不需要包含en.json，則此功能非常有用。目前，它用於進度條計時。
{“進度條計時：currentTime={1} duration={2}”：“{1} of {2}” }然後像這樣使用它：
this.localize('進度條計時：currentTime={1} duration{2}', [this.player_.currentTime(), this.player_.duration()], '{1} of {2}');輸出如下：
第二十三點六分之一參數：
名字 類型 屬性 描述 細繩細繩 要本地化的字符串和要在語言文件中查找的鍵。
代幣數組.<字符串> < 選購配備 >
如果當前項目有代幣替換，請在此處提供代幣。
默認值細繩 < 選購配備 >
默認為
字符串。如果查找鍵需要分開，可以是用於令牌替換的默認值。傳回：
細繩 -本地化字符串或如果沒有本地化存在英文字符串。
- 覆蓋：
-
名稱（）→ {字符串}
-
獲取
組件的名稱。名稱會用來參照元件，並在註冊期間設定。傳回：
細繩 -此
元件的名稱。- 覆蓋：
-
選項（對象）→ {對象}
-
選項對象與新選項的深度合併。
注意：當
obj和選項都包含其值為對象的屬性時。這兩個屬性使用模塊合併：合併選項參數：
名字 類型 描述 對象目的 包含新選項的對象。
傳回：
目的 -這是一個新
的對象。選項 _和obj合併在一起。- 覆蓋：
-
播放器（）→ { 播放器 }
-
返回播放器那
成分已附加到。- 覆蓋：
-
預選曲目()
tracks/text-track-display.js，第 143行 -
監聽事件：
-
就緒（）→ { 組件 }
-
將偵聽器綁定到組件的就緒狀態。與事件監聽器不同的是，如果就緒事件已經發生，它會立即觸發函數。
- 覆蓋：
-
移除屬性（屬性）
-
從「元件」圖
元中移除屬性。參數：
名字 類型 描述 屬性細繩 要刪除的屬性的名稱。
- 覆蓋：
- 請參閱：
-
刪除孩子（成分）
-
刪除一個孩子
成分由此成分的孩子名單。同時從此元件的圖元中移除子元件的元素。參數：
名字 類型 描述 成分成分 孩子
成分去除。- 覆蓋：
-
移除類(classToRemove)
-
從元
件s 元素中移除 CSS 類別名稱。參數：
名字 類型 描述 要刪除的類細繩 要刪除的 CSS 類名
- 覆蓋：
-
請求動畫幀（fn）→ {數字}
-
排隊要傳遞給 requestAnimationFrame (rAF) 的回調，但有一些額外的好處：
-
回調變成一個組件〜泛型回調（即綁定到組件）。
-
如果組件在調用之前被釋放，rAF 回調的自動取消將被處理。
參數：
名字 類型 描述 FN組件~GenericCallback 將綁定到此組件並在瀏覽器下一次重繪之前執行的函數。
監聽事件：
- 覆蓋：
- 請參閱：
-
請求命名動畫幀（姓名，姓名）
-
請求一個動畫幀，但只有一個命名的動畫幀會被排隊。在前一個完成之前，永遠不會添加另一個。
參數：
名字 類型 描述 姓名細繩 給這個 requestAnimationFrame 的名稱
FN組件~GenericCallback 將綁定到此組件並在瀏覽器下一次重繪之前執行的函數。
-
設置屬性（屬性，值）
-
設置組件元素上的
屬性值參數：
名字 類型 描述 屬性細繩 要設置的屬性的名稱。
價值細繩 將屬性設置為的值。
- 覆蓋：
- 請參閱：
-
設置間隔（FN，間隔）→ {數字}
-
創建一個每
x毫秒運行一次的函數。此功能是圍繞窗口的包裝。設置間隔。不過，有幾個理由改用這個。- 它通過組件 #clearInterval當組件 #dispose 被調用被清除。
- 函數回調將是一個組件〜通用回調
參數：
名字 類型 描述 FN組件~GenericCallback 每
x秒執行一次的函數。間隔數字 每
x毫秒執行一次指定的函數。監聽事件：
- 覆蓋：
- 請參閱：
-
設置超時（FN，超時）→ {數字}
-
建立在
x毫秒逾時後執行的函數。這個函數是圍繞窗口的包裝。設置超時。不過，有幾個理由改用這個：- 它通過組件 #clearTimeout當組件 #dispose 被調用被清除。
- 函數回調將變成一個組件〜通用回調
注意：您不能在此函數返回
的 ID上使用窗口。這將導致其處理偵聽器無法清理！請改用元件 #clearTimeout或元件 #dispose。參數：
名字 類型 描述 FN組件~GenericCallback 超時後將運行的功能。超時數字 在執行指定函數之前延遲的超時時間（以毫秒為單位）。
監聽事件：
- 覆蓋：
- 請參閱：
-
展示()
-
顯示
組件的元素，如果它是通過從它刪除「VJS-隱藏」類名隱藏。- 覆蓋：
-
切換類（類切換，謂詞選項）
-
在組件的元素中添加或刪除 CSS 類名。
類切換被添加時組件#hasClass會返回錯誤。類切換被刪除時組件#hasClass會返回 true。
參數：
名字 類型 屬性 描述 類切換細繩 添加或刪除的類基於 (@link Component#hasClass}
謂詞布爾 | DOM 〜謂詞 < 選購配備 >
一個 Dom~predicate 函數或一個布爾值
- 覆蓋：
-
切換顯示()
-
將 TextTrack的顯示從當前狀態轉換為其他狀態。只有兩種狀態：
- '顯示'
- '隱'
監聽事件：
-
觸發就緒()
-
觸發此元件的所有就緒偵聽程
式。火災：
- 覆蓋：
-
更新顯示()
tracks/text-track-display.js, 第 243行 -
當觸發 Player#texttrackchange 或 Player#fullscreenchange 時更新顯示的 TextTrack。
監聽事件：
-
更新顯示狀態（追踪）
-
參數：
名字 類型 描述 追踪文本軌道 包含樣式的活動提示的文本軌道對象。
-
更新跟踪（曲目）
-
-
寬度（NUM 選擇，跳過聽眾選擇）→ {數字 | 字符串}
-
根據 CSS 樣式獲取或設置組件的寬度。看組件#尺寸了解更多詳細信息。
參數：
名字 類型 屬性 描述 數數字 | 細繩 < 選購配備 >
您要設置的寬度後綴為“%”、“px”或什麼都不加。
跳過聽眾布爾值 < 選購配備 >
跳過 componentresize 事件觸發
傳回：
數字 | 細繩 -獲取時的寬度，沒有寬度則為零。可以是帶有“%”或“px”的後綴字符串。
- 覆蓋：
活動
-
組件調整大小
-
調整組件大小時觸發。
類型：
-
處置
-
處置元
件時觸發。類型：
特性：
名字 類型 屬性 預設 描述 氣泡布爾值 < 選購配備 >
假的 設置為 false 以便 dispose 事件不會冒泡
- 覆蓋：
-
準備
-
當
組件準備就緒時觸發。類型：
- 覆蓋：
-
輕敲
-
點選元
件時觸發。類型：
- 覆蓋：