Neu TextTrack-Einstellungen(Spieler, Optionenopt)
Erstellt eine Instanz dieser Klasse.
Parameter:
| Nennen | Typ | Attribute | Beschreibung |
|---|---|---|---|
Spieler |
Spieler |
Der |
|
Optionen |
Objekt |
<optional> |
Der Schlüssel-/Wert-Speicher der Spieleroptionen. |
Verlängert
Methoden
-
$(Selektor, Kontextopt) → {Element|null}
-
Suchen Sie ein einzelnes DOM-Element, das einem
Selektor entspricht. Dies kann innerhalb derKomponenteScontentEl()oder einen anderen benutzerdefinierten Kontext.Parameter:
Nennen Typ Attribute Standardwert Beschreibung SelektorString Ein gültiger CSS-Selektor, der an
QuerySelector übergeben wird.KontextElement | string <optional>
this.contentel () Ein DOM-Element, in dem abgefragt werden soll. Kann auch eine Selektorzeichenfolge sein, in diesem Fall wird das erste übereinstimmende Element als Kontext verwendet. Falls fehlt
this.contentEl()verwendet wird. Wennthis.contentel () nichtszurückgibt, fällt es aufdas Dokument zurück.Gibt zurück:
Element | null -das Dom-Element, das gefunden wurde, oder null
- Überschreibungen:
- Siehe:
-
$$(selector, contextopt) → {NodeList}
-
Findet alle DOM-Elemente, die einem
Selektor entsprechen. Dies kann innerhalb derKomponenteScontentEl()oder einen anderen benutzerdefinierten Kontext.Parameter:
Nennen Typ Attribute Standardwert Beschreibung SelektorString Ein gültiger CSS-Selektor, der an
QuerySelectorAll übergeben wird.KontextElement | string <optional>
this.contentel () Ein DOM-Element, in dem abgefragt werden soll. Kann auch eine Selektorzeichenfolge sein, in diesem Fall wird das erste übereinstimmende Element als Kontext verwendet. Falls fehlt
this.contentEl()verwendet wird. Wennthis.contentel () nichtszurückgibt, fällt es aufdas Dokument zurück.Gibt zurück:
NodeList -eine Liste von Dom-Elementen, die gefunden wurden
- Überschreibungen:
- Siehe:
-
addChild(Kind, optionsopt, indexopt) → {Komponente}
-
Fügen Sie eine untergeordnete
Komponenteinnerhalb der aktuellenKomponente hinzu.Parameter:
Nennen Typ Attribute Standardwert Beschreibung Kindstring | Komponente Der Name oder die Instanz eines hinzuzufügenden Kindes.
OptionenObjekt <optional>
{} Der Schlüssel/Wert-Speicher von Optionen, die an Kinder des Kindes weitergegeben werden.
IndexZahl <optional>
this.Children_.length Der Index, in den versucht wird, ein Kind hinzuzufügen.
Gibt zurück:
Komponente-Die
Komponente, die als untergeordnetes Element hinzugefügt wird. Bei Verwendung einer Zeichenfolge wird dieKomponentewird durch diesen Prozess erstellt.- Überschreibungen:
-
addClass(ClassToAdd)
-
Fügen Sie dem Element der
Komponenteeinen CSS-Klassennamen hinzu.Parameter:
Nennen Typ Beschreibung ClassToAddString Hinzufügen von CSS-Klassenname
- Überschreibungen:
-
verwischen()
-
Entferne den Fokus von dieser Komponente
- Überschreibungen:
-
buildCSSClass() → {string}
-
Baut den Standard-DOM
ClassName auf.Gibt zurück:
string -Der DOM
ClassNamefür dieses Objekt.- Überschreibungen:
-
cancelAnimationFrame(id) → {Nummer}
-
Bricht einen Rückruf in der Warteschlange ab, der an Component #requestAnimationFrame (raF) übergeben wurde.
Wenn Sie einen Raf-Rückruf über Component #requestAnimationFrame in die Warteschlange stellen, verwenden Sie diese Funktion anstelle von
window.CancelAnimationFrame. Andernfalls wird Ihr Entsorg-Listener erst bereinigt, wenn Component #dispose!Parameter:
Nennen Typ Beschreibung idZahl Die zu löschende Raf-ID. Der Rückgabewert von Komponente #requestAnimationFrame.
Gibt zurück:
nummer -Gibt die Raf-ID zurück, die gelöscht wurde.
- Überschreibungen:
- Siehe:
-
cancelNamedAnimationFrame(Name)
-
Bricht einen aktuell benannten Animationsframe ab, falls er vorhanden ist.
Parameter:
Nennen Typ Beschreibung NameString Der Name des abzubrechenden RequestAnimationFrame.
- Überschreibungen:
-
kinder() → {Array}
-
Holen Sie sich ein Array aller untergeordneten Komponenten
Gibt zurück:
Array -Die Kinder
- Überschreibungen:
-
clearInterval(intervalId) → {number}
-
Löscht ein Intervall, das über
window.setIntervaloder Component #setInterval erstellt wird. Wenn Sie eine Inteval über Component #setInterval festlegen, verwenden Sie diese Funktion anstelle vonwindow.clearInterval. Wenn Sie dies nicht tun, wird Ihr Entsorg-Listener erst bereinigt, wenn Component #dispose!Parameter:
Nennen Typ Beschreibung IntervalidZahl Die ID des zu löschenden Intervalls. Der Rückgabewert von Component #setInterval oder
window.setInterval.Gibt zurück:
nummer -Gibt die Intervall-ID zurück, die gelöscht wurde.
- Überschreibungen:
- Siehe:
-
clearTimeout(timeoutId) → {Anzahl}
-
Löscht ein Timeout, das über
window.setTimeoutoder Component #setTimeout erstellt wird. Wenn Sie ein Timeout über Component #setTimeout festlegen, verwenden Sie diese Funktion anstelle vonwindow.clearTimout. Wenn Sie dies nicht tun, wird Ihr Entsorg-Listener erst bereinigt, wenn Component #dispose!Parameter:
Nennen Typ Beschreibung timeoutIDZahl Die ID des zu löschenden Timeouts. Der Rückgabewert von Component #setTimeout oder
window.setTimeout.Gibt zurück:
nummer -Gibt die Timeout-ID zurück, die gelöscht wurde.
- Überschreibungen:
- Siehe:
-
schließen()
-
Schließt das Modal, tut nichts, wenn der
ModalDialog nicht geöffnetist.Brände:
- Überschreibungen:
-
abschließbar(Wertopt) → {boolean}
-
Prüfen Sie, ob der
ModalDialogüber die Benutzeroberfläche geschlossen werden kann.Parameter:
Nennen Typ Attribute Beschreibung Wertboolescher Wert <optional>
Wenn es als boolescher Wert angegeben wird, wird das
verschließbarMöglichkeit.Gibt zurück:
boolescher Wert -Gibt den endgültigen Wert der verschließbaren Option zurück.
- Überschreibungen:
-
inhalt(valueopt) → {Mixed}
-
Ruft den modalen Inhalt ab oder legt ihn fest, der normalisiert wird, bevor er in das DOM gerendert wird.
Dies aktualisiert das DOM nicht oder füllt das Modal nicht aus, aber es wird während dieses Prozesses aufgerufen.
Parameter:
Nennen Typ Attribute Beschreibung WertGemischt <optional>
Wenn definiert, wird der interne Inhaltswert festgelegt, der für die nächsten (n) Aufrufe verwendet werden soll, die
ausgefüllt werden sollen. Dieser Wert wird normalisiert, bevor er eingefügt wird. Um den internen Inhaltswert zu „löschen“, übergeben Sienull.Gibt zurück:
Gemischt -Der aktuelle Inhalt des Modaldialogs
- Überschreibungen:
-
contentEl() → {Element}
-
Gibt das DOM-Element der
Komponentezurück. Hier werden Kinder eingefügt. Dies ist normalerweise das gleiche wie das in Component #el zurückgegebene Element.Gibt zurück:
Element -Das Inhaltselement für diese
Komponente.- Überschreibungen:
-
createEl() → {Element}
-
Erstellen Sie die
ModalDialog's DOM-ElementGibt zurück:
Element -Das DOM-Element, das erstellt wird.
- Überschreibungen:
-
currentDimension(widthOrHeight) → {number}
-
Erhalten Sie die berechnete Breite oder die Höhe des Elements der Komponente.
Verwendet
window.GetComputedStyle.Parameter:
Nennen Typ Beschreibung widthorHeightString Eine Zeichenkette, die 'Breite' oder 'Höhe' enthält. Welchen auch immer du kriegen willst.
Gibt zurück:
nummer -Die Dimension, nach der gefragt wird, oder 0, wenn für diese Dimension nichts festgelegt wurde.
- Überschreibungen:
-
currentDimensions() → {Component~DimensionObject}
-
Holen Sie sich ein Objekt, das berechnete Breiten- und Höhenwerte des Elements der Komponente enthält.
Verwendet
window.GetComputedStyle.- Überschreibungen:
-
aktuelleHöhe() → {Zahl}
-
Erhalten Sie die berechnete Höhe des Elements der Komponente.
Verwendet
window.GetComputedStyle.Gibt zurück:
nummer -Die berechnete Höhe des Elements der Komponente.
- Überschreibungen:
-
currentWidth() → {Anzahl}
-
Regt die berechnete Breite des Elements der Komponente ab.
Verwendet
window.GetComputedStyle.Gibt zurück:
nummer -Die berechnete Breite des Elements der Komponente.
- Überschreibungen:
-
beschreibung() → {String}
-
Gibt die Beschreibungszeichenfolge für dieses Modal zurück. Wird hauptsächlich für die Barrierefreiheit verwendet.
Gibt zurück:
string -Die lokalisierte oder rohe Beschreibung dieses Modals.
- Überschreibungen:
-
dimension(widthOrHeight, numopt, skipListenersopt) → {number}
-
Regt die Breite oder Höhe des
Komponentenelements ab oder legen Sie sie fest. Dies ist der freigegebene Code für die Komponente #width und Komponente #height.Dinge zu wissen:
- Wenn die Breite oder Höhe in einer Zahl die Zahl zurückgegeben wird, wird die Zahl zurückgegeben, die mit „px“ verschoben wurde.
- Wenn die Breite/Höhe ein Prozent ist, wird der Prozentsatz zurückgegeben, der mit '%' nachfixiert wurde
- Versteckte Elemente haben eine Breite von 0 mit
window.getComputedStyle. Diese Funktion ist standardmäßig auf dieKomponenteSStil.Breiteund fällt zurück aufwindow.getComputedStyle. Sehen Dies für mehr Informationen - Wenn Sie den berechneten Stil der Komponente wünschen, verwenden Sie Component #currentWidth und {Component #currentHeight
Parameter:
Nennen Typ Attribute Beschreibung widthorHeightString 8 "Breite" oder "Höhe
numNummer | string <optional>
8 Neue Dimension
SkipListenerboolescher Wert <optional>
Komponentresize-Ereignisauslöser überspringen
Brände:
Gibt zurück:
nummer -Die Dimension beim Abrufen oder 0 wenn nicht gesetzt
- Überschreibungen:
-
Maße(Breite, Höhe)
-
Stellen Sie sowohl die Breite als auch die Höhe des
Komponentenelements gleichzeitig ein.Parameter:
Nennen Typ Beschreibung BreiteNummer | string Breite, auf die das Element der
Komponentefestgelegt werden soll.HöheNummer | string Höhe, auf die das Element der
Komponentefestgelegt werden soll.- Überschreibungen:
-
entsorgen(Optionen)
-
Entsorgen Sie die
Komponenteund alle untergeordneten Komponenten.Parameter:
Nennen Typ Beschreibung OptionenObjekt Immobilien
Nennen Typ Beschreibung originalElElement element, mit dem das Player-Element ersetzt werden soll
Brände:
-
el() → {Element}
-
Holen Sie sich das DOM-Element der
KomponenteGibt zurück:
Element -Das DOM-Element für diese
Komponente.- Überschreibungen:
-
leer()
-
Leert das Inhaltselement. Dies geschieht jedes Mal, wenn das Modal gefüllt ist.
Brände:
- Überschreibungen:
-
EnableTouchActivity()
-
Diese Funktion meldet Benutzeraktivitäten, wenn Berührungsereignisse auftreten. Dies kann von allen Unterkomponenten deaktiviert werden, die möchten, dass Berührungsereignisse auf andere Weise handeln sollen.
Melden Sie Benutzerberührungsaktivitäten, wenn Touch-Ereignisse auftreten. Benutzeraktivitäten werden verwendet, um zu bestimmen, wann Steuerelemente ein-/ausblenden sollen. Es ist einfach, wenn es um Mausereignisse geht, da jedes Mausereignis die Steuerelemente anzeigen sollte. Also erfassen wir Mausereignisse, die zum Spieler hochgehen, und melden Aktivitäten, wenn dies geschieht. Bei Touch-Events ist es nicht so einfach wie
TouchstartundTouchend-Player-Steuerelemente. Touch-Events können uns also auch auf Spielerebene nicht helfen.Die Benutzeraktivität wird asynchron überprüft. Was also passieren könnte, ist, dass ein Tippereignis im Video die Steuerelemente ausschaltet. Dann sprudelt das
TouchendEvent zum Spieler. Was, wenn es Benutzeraktivitäten meldet, die Steuerelemente sofort wieder einschalten würde. Wir möchten auch nicht vollständig verhindern, dass Touch-Events aufblasen. Außerdem sollte einTouchmoveEvent und alles andere als ein Tippen die Steuerelemente nicht wieder einschalten.Hört auf Ereignisse:
- Komponente #Ereignis:Touchstart
- Komponente #Ereignis:touchmove
- Komponente #Ereignis:touchend
- Komponente #Ereignis:touchcancel
- Überschreibungen:
-
füllen()
-
Füllen Sie das Inhaltselement des Modals mit der Option „Inhalt“ des Modals. Das Inhaltselement wird geleert, bevor diese Änderung stattfindet.
- Überschreibungen:
-
FillWith(Inhaltopt)
-
Füllen Sie das Inhaltselement des Modals mit beliebigem Inhalt. Das Inhaltselement wird geleert, bevor diese Änderung stattfindet.
Parameter:
Nennen Typ Attribute Beschreibung InhaltGemischt <optional>
Dafür gelten dieselben Regeln wie für die
Inhaltsoption.Brände:
- Überschreibungen:
-
fokus()
-
Setzen Sie den Fokus auf diese Komponente
- Überschreibungen:
-
getAttribute(attribute) → {string|null}
-
Rufen Sie den Wert eines Attributs auf dem . ab
Komponentes-Element.Parameter:
Nennen Typ Beschreibung AttributString Name des Attributs, von dem der Wert abgerufen werden soll.
Gibt zurück:
string | null -- Der Wert des angeforderten Attributs. - Kann in einigen Browsern eine leere Zeichenfolge sein, wenn das Attribut nicht existiert oder keinen Wert hat - Die meisten Browser geben null zurück, wenn das Attribut nicht existiert oder keinen Wert hat.
- Überschreibungen:
- Siehe:
-
getChild(name) → {Komponente|undefiniert}
-
Gibt die untergeordnete
Komponentemit dem angegebenenNamen zurück.Parameter:
Nennen Typ Beschreibung NameString Der Name der abzurufen untergeordneten
Komponente.Gibt zurück:
Komponente | undefiniert -Die untergeordnete
Komponentemit demVornamenoder undefined.- Überschreibungen:
-
getChildById(id) → {Component|undefined}
-
Gibt die untergeordnete
Komponentemit der angegebenenID zurück.Parameter:
Nennen Typ Beschreibung idString Die ID der abzurufen untergeordneten
Komponente.Gibt zurück:
Komponente | undefiniert -Die untergeordnete
Komponentemit der angegebenenIDoder undefined.- Überschreibungen:
-
getDescendant(...names) → {Component|undefined}
-
Gibt die nachkommende
Komponentenach denNamen des givent-Nachkommen zurück. Zum Beispiel würde ['foo', 'bar', 'baz'] versuchen, 'foo' auf der aktuellen Komponente, 'bar' auf der 'foo'-Komponente und 'baz' auf der 'bar'-Komponente zu erhalten und undefiniert zurückzugeben, wenn eine dieser Komponenten nicht existiert.Parameter:
Nennen Typ Attribute Beschreibung Namen... Array.<string> | string <wiederholbar>
Der Name der abzurufen untergeordneten
Komponente.Gibt zurück:
Komponente | undefiniert -Der Nachkomme
Komponentenach dem angegebenen NachkommenNamenoder undefiniert.- Überschreibungen:
-
getValues() → {Object}
-
Ruft ein Objekt der Textspureinstellungen (oder null) ab.
Gibt zurück:
Objekt -Ein Objekt mit Konfigurationswerten, die aus dem DOM oder LocalStorage analysiert wurden.
-
handleKeyDown()
-
Keydown-Handler. Angehängt, wenn Modal fokussiert ist.
Hört auf Ereignisse:
- Ereignis:keydown
- Überschreibungen:
-
HandleKeyPress(Ereignis)
-
Viele Komponenten hatten früher eine
HandleKeyPress-Methode, die schlecht benannt wurde, weil sie auf einKeydown-Ereignis hörte. Dieser Methodenname delegiert jetzt anHandleKeyDown. Dies bedeutet, dass jeder, derHandleKeyPressaufruft, seine Methodenaufrufe nicht mehr funktionieren.Parameter:
Nennen Typ Beschreibung EreigniseventTarget~Event Das Ereignis, das dazu geführt hat, dass diese Funktion aufgerufen wurde.
-
abstrakt handleAnguageChange()
-
Behandelt Sprachänderungen für den Player in Komponenten. Sollte durch Unterkomponenten außer Kraft gesetzt werden.
- Überschreibungen:
-
hasClass(classToCheck) → {boolean}
-
Überprüfen Sie, ob das Element einer Komponente einen CSS-Klassennamen hat.
Parameter:
Nennen Typ Beschreibung ClasstoCheckString Zu überprüfende CSS-Klassenname.
Gibt zurück:
boolescher Wert -- True, wenn die
Komponentedie Klasse hat. - False, wenn dieKomponentedie Klasse nicht hat`
- Überschreibungen:
- True, wenn die
-
höhe(numopt, skipListenersopt) → {number|string}
-
Regt die Höhe der Komponente basierend auf den CSS-Stilen ab oder legt sie fest. Weitere Informationen finden Sie unter Komponente #dimension.
Parameter:
Nennen Typ Attribute Beschreibung numNummer | string <optional>
Die Höhe, die Sie mit '%', 'px' oder gar nicht setzen wollen.
SkipListenerboolescher Wert <optional>
Überspringen Sie den componentresize-Ereignisauslöser
Gibt zurück:
Nummer | string -Die Breite beim Erhalten, Null wenn keine Breite vorhanden ist. Kann eine Zeichenkette mit dem Zusatz '%' oder 'px' sein.
- Überschreibungen:
-
hide()
-
Blenden Sie das Element der
Komponenteaus, wenn es derzeit angezeigt wird, indem Sie den Klassennamen „vjs-hidden“ hinzufügen.- Überschreibungen:
-
id() → {String}
-
Holen Sie sich die ID dieser
KomponenteGibt zurück:
string -Die ID dieser
Komponente- Überschreibungen:
-
initChildren()
-
Fügen Sie die untergeordneten
Standardkomponentebasierend auf Optionen hinzu und initialisieren Sie sie.- Überschreibungen:
-
isDisposed() → {boolean}
-
Prüfen Sie, ob diese Komponente entsorgt wurde oder nicht.
Gibt zurück:
boolescher Wert -Wenn das Bauteil entsorgt wurde, ist
wahr. Ansonstenfalsch.- Überschreibungen:
-
label() → {string}
-
Gibt die Beschriftungszeichenfolge für dieses Modal zurück. Wird hauptsächlich für die Barrierefreiheit verwendet.
Gibt zurück:
string -das lokalisierte oder rohe Label dieses Modals.
- Überschreibungen:
-
localize(string, tokensopt, defaultValueopt) → {string}
-
Lokalisieren Sie eine Zeichenfolge mit der Zeichenfolge in Englisch.
Wenn Token angegeben werden, wird versucht, einen einfachen Token-Ersatz für die bereitgestellte Zeichenfolge auszuführen. Die Token, nach denen gesucht wird, sehen aus wie
{1}, wobei der Index im Token-Array mit 1 indiziert ist.Wenn ein
DefaultValue angegebenwird, wird dieseOver-Zeichenfolge verwendet, wenn in den bereitgestellten Sprachdateien kein Wert gefunden wird. Dies ist nützlich, wenn Sie einen beschreibenden Schlüssel für den Token-Ersatz haben möchten, aber eine prägnante lokalisierte Zeichenfolge haben und nicht erforderlich ist, dassen.json eingeschlossen werdenmuss.Derzeit wird es für das Timing des Fortschrittsbalkens verwendet.
{ "Fortschrittsbalken-Timing: currentTime={1} duration={2}": "{1} von {2}" }Es wird dann so benutzt:
this.localize('progress bar timing: currentTime={1} duration{2}', [this.player_.currentTime(), this.player_.duration()], '{1} von {2}');Was gibt etwas aus wie:
01:23 von 24:56.Parameter:
Nennen Typ Attribute Beschreibung StringString Die zu lokalisierende Zeichenfolge und der Schlüssel zum Nachschlagen in den Sprachdateien.
TokenArray.<Zeichenfolge> <optional>
Wenn das aktuelle Element Token-Ersetzungen enthält, geben Sie die Token hier ein.
defaultValueString <optional>
Standardmäßig ist
String. Kann ein Standardwert sein, der für den Austausch von Token verwendet werden soll, wenn der Nachschlageschlüssel getrennt sein muss.Gibt zurück:
string -Die lokalisierte Zeichenfolge oder wenn keine Lokalisierung existiert, die englische Zeichenfolge.
- Überschreibungen:
-
name() → {string}
-
Holen Sie sich den Namen der
Komponente. Der Name wird verwendet, um auf dieKomponente zu verweisenund wird bei der Registrierung festgelegt.Gibt zurück:
string -Der Name dieser
Komponente.- Überschreibungen:
-
open()
-
Öffnet das Modal.
Brände:
- Überschreibungen:
-
geöffnet(valueopt) → {boolean}
-
Wenn der
ModalDialog derzeit geöffnet oder geschlossenist.Parameter:
Nennen Typ Attribute Beschreibung Wertboolescher Wert <optional>
Wenn angegeben, öffnet (
wahr) oder schließt (falsch) das Modal.Gibt zurück:
boolescher Wert -der aktuelle offene Status des Modaldialogs
- Überschreibungen:
-
optionen(obj) → {Objekt}
-
Tiefes Zusammenführen von Optionsobjekten mit neuen Optionen.
Hinweis: Wenn sowohl
objals auchOptionen Eigenschaftenenthalten, deren Werte Objekte sind. Die beiden Eigenschaften werden mit module:mergeOptions zusammengeführtParameter:
Nennen Typ Beschreibung objObjekt Das Objekt, das neue Optionen enthält.
Gibt zurück:
Objekt -Ein neues Objekt von
this.options_undobjverschmolzen.- Überschreibungen:
-
player() → {Player}
-
Gibt den Player zurück, an den die
Komponente angehängthat.- Überschreibungen:
-
ready() → {Komponente}
-
Binden Sie einen Listener an den Bereitschaftsstatus der Komponente. Anders als Ereignis-Listener darin, dass, wenn das Ready-Ereignis bereits aufgetreten ist, die Funktion sofort ausgelöst wird.
- Überschreibungen:
-
removeAttribute(Attribut)
-
Entfernt ein Attribut aus dem Element der
Komponente.Parameter:
Nennen Typ Beschreibung AttributString Name des zu entfernenden Attributs.
- Überschreibungen:
- Siehe:
-
removeChild(Komponente)
-
Entfernen Sie eine untergeordnete
Komponenteaus der untergeordneten Liste dieserKomponente. Entfernt auch das KindKomponentes Element davonKomponentes-Element.Parameter:
Nennen Typ Beschreibung KomponenteKomponente Das Kind
Komponentezu entfernen.- Überschreibungen:
-
removeClass(ClassORemove)
-
Entfernt einen CSS-Klassennamen aus dem Element der
Komponente.Parameter:
Nennen Typ Beschreibung ClassToRemoveString Zu entfernende CSS-Klassenname
- Überschreibungen:
-
requestAnimationFrame(fn) → {Nummer}
-
Stellt einen Rückruf in die Warteschlange, der an RequestAnimationFrame (raF) weitergeleitet werden soll, jedoch mit ein paar zusätzlichen Boni:
-
Unterstützt Browser, die RaF nicht unterstützen, indem sie auf Component #setTimeout zurückgehen.
-
Der Callback wird in eine Component~GenericCallback umgewandelt (d. h. an die Komponente gebunden).
-
Die automatische Stornierung des Raf-Rückrufs wird behandelt, wenn die Komponente vor dem Aufruf entsorgt wird.
Parameter:
Nennen Typ Beschreibung fnComponent~GenericCallback Eine Funktion, die an diese Komponente gebunden und kurz vor dem nächsten Nachstreichen des Browsers ausgeführt wird.
Hört auf Ereignisse:
Gibt zurück:
nummer -Gibt eine Raf-ID zurück, die zur Identifizierung des Timeouts verwendet wird. Es kann auch in Component #cancelAnimationFrame verwendet werden, um den Rückruf des Animationsrahmens abzubrechen.
- Überschreibungen:
- Siehe:
-
-
RequestNamedAnimationFrame(name, fn)
-
Fordern Sie einen Animationsframe an, aber nur ein benannter Animationsframe wird in die Warteschlange gestellt. Ein anderer wird nie hinzugefügt, bis der vorherige beendet ist.
Parameter:
Nennen Typ Beschreibung NameString Der Name, der diesem RequestAnimationFrame gegeben werden soll
fnComponent~GenericCallback Eine Funktion, die an diese Komponente gebunden und kurz vor dem nächsten Nachstreichen des Browsers ausgeführt wird.
- Überschreibungen:
-
Einstellungen zurücksetzen()
-
Wiederherstellen von Texttrack-Einstellungen aus LocalStorage
-
Einstellungen speichern()
-
Speichern der Textspureinstellungen in LocalStorage
-
setAttribute(Attribut, Wert)
-
Setzen Sie den Wert eines Attributs auf dem
Komponente's ElementParameter:
Nennen Typ Beschreibung AttributString Name des festzulegenden Attributs.
WertString Wert, auf den das Attribut festgelegt werden soll.
- Überschreibungen:
- Siehe:
-
setDefaults()
-
Legt alle fest
< auswählen>Elemente auf ihre Standardwerte. -
setInterval(fn, Intervall) → {Zahl}
-
Erstellt eine Funktion, die alle
xMillisekunden ausgeführt wird. Diese Funktion ist ein Wrapper umWindow.setInterval. Es gibt jedoch ein paar Gründe, diesen stattdessen zu verwenden.- Es wird über Komponente #clearInterval gelöscht, wenn Component #dispose aufgerufen wird.
- Der Funktions-Callback wird eine Component~GenericCallback sein
Parameter:
Nennen Typ Beschreibung fnComponent~GenericCallback Die Funktion, die alle
xSekunden ausgeführt werden soll.IntervallZahl Führen Sie die angegebene Funktion alle
xMillisekunden aus.Hört auf Ereignisse:
Gibt zurück:
nummer -Gibt eine ID zurück, mit der das Intervall identifiziert werden kann. Es kann auch in Komponente #clearInterval verwendet werden, um das Intervall zu löschen.
- Überschreibungen:
- Siehe:
-
setTimeout(fn, timeout) → {Zahl}
-
Erstellt eine Funktion, die nach einem ausgeführt wird
xMillisekunden-Timeout. Diese Funktion ist ein Wrapper umWindow.setTimeout. Es gibt jedoch ein paar Gründe, diesen stattdessen zu verwenden:- Es wird über Komponente #clearTimeout gelöscht, wenn Component #dispose aufgerufen wird.
- Der Funktionsrückruf wird in eine Component~GenericCallback umgewandelt
Hinweis: Sie können
Window.cleArtimeOutfür die von dieser Funktion zurückgegebene ID nicht verwenden. Dies führt dazu, dass sein Entsorgung Hörer nicht aufgeräumt wird! Bitte verwenden Sie Komponente#clearTimeout oder Komponente#entsorgen stattdessen.Parameter:
Nennen Typ Beschreibung fnComponent~GenericCallback Die Funktion, die nach dem
Timeout ausgeführt wird.TimeoutZahl Timeout in Millisekunden, das verzögert werden muss, bevor die angegebene Funktion ausgeführt wird.
Hört auf Ereignisse:
Gibt zurück:
nummer -Gibt eine Timeout-ID zurück, die zur Identifizierung des Timeouts verwendet wird. Es kann auch in Component #clearTimeout verwendet werden, um das eingestellte Timeout zu löschen.
- Überschreibungen:
- Siehe:
-
setValues(Werte)
-
Legt die Textspureinstellungen von einem Wertobjekt fest.
Parameter:
Nennen Typ Beschreibung WerteObjekt Ein Objekt mit Konfigurationswerten, die aus dem DOM oder LocalStorage analysiert wurden.
-
zeigen()
-
Zeigen Sie das Element "
Komponenten"an, wenn es ausgeblendet ist, indem Sie den Klassennamen "vjs-hidden" aus ihm entfernen.- Überschreibungen:
-
ToggleClass(ClassToggle, Prädikatopt)
-
Fügen Sie einen CSS-Klassennamen aus dem Element der Komponente hinzu oder entfernen Sie ihn.
ClassTogglewird hinzugefügt, wenn Component #hasClass false zurückgibt.ClassTogglewird entfernt, wenn Component #hasClass true zurückgibt.
Parameter:
Nennen Typ Attribute Beschreibung ClassToggleString Die Klasse, die hinzugefügt oder entfernt werden soll, basierend auf (@link Component #hasClass}
Prädikatboolean | dom~Prädikat <optional>
Eine dom~Predicate-Funktion oder ein boolescher Wert
- Überschreibungen:
-
triggerReady()
-
Lösen Sie alle fertigen Listener für diese
Komponente aus.Brände:
- Überschreibungen:
-
updateDisplay()
-
Aktualisieren der Anzeige der Textspureinstellungen
-
width(numopt, skipListenersopt) → {number|string}
-
Regt die Breite der Komponente basierend auf den CSS-Stilen ab oder legt sie fest. Weitere Informationen finden Sie unter Komponente #dimension.
Parameter:
Nennen Typ Attribute Beschreibung numNummer | string <optional>
Die Breite, die Sie mit '%', 'px' oder gar nicht setzen wollen.
SkipListenerboolescher Wert <optional>
Überspringen Sie den componentresize-Ereignisauslöser
Gibt zurück:
Nummer | string -Die Breite beim Erhalten, Null wenn keine Breite vorhanden ist. Kann eine Zeichenkette mit dem Zusatz '%' oder 'px' sein.
- Überschreibungen:
Veranstaltungen
-
beforemodalclose
-
Wurde kurz bevor ein
ModalDialog geschlossenwird.Typ:
- Überschreibungen:
-
beforemodalempty
-
Wird ausgelöst, bevor ein
ModalDialog geleertwird.Typ:
- Überschreibungen:
-
beforemodalfill
-
Wird ausgelöst, bevor ein
ModalDialog mit Inhalten gefülltwird.Typ:
- Überschreibungen:
-
beforemodalopen
-
Kurz bevor ein
ModalDialog geöffnetwird, ausgelöst.Typ:
- Überschreibungen:
-
componentresize
-
Wird ausgelöst, wenn die Größe einer Komponente geändert wird.
Typ:
- Überschreibungen:
-
entsorgen
-
Wird ausgelöst, wenn eine
Komponente entsorgtwird.Typ:
Eigenschaften:
Nennen Typ Attribute Standardwert Beschreibung Blasenboolescher Wert <optional>
falsch auf false gesetzt, damit das Dispose-Ereignis nicht sprudelt
- Überschreibungen:
-
modalclose
-
Wird direkt nach dem Schließen eines
ModalDialogausgelöst.Typ:
- Überschreibungen:
-
modalempty
-
Wird kurz nachdem ein
ModalDialoggeleert wurde, ausgelöst.Typ:
- Überschreibungen:
-
modalfill
-
Wird ausgelöst, nachdem ein
ModalDialogmit Inhalten gefüllt wurde.Typ:
- Überschreibungen:
-
modalopen
-
Wird direkt nach dem Öffnen eines
ModalDialogs ausgelöst.Typ:
- Überschreibungen:
-
bereit
-
Wird ausgelöst, wenn eine
Komponente bereitist.Typ:
- Überschreibungen:
-
tippen
-
Wird ausgelöst, wenn auf eine
Komponente getipptwird.Typ:
- Überschreibungen: