PosterImage(Spieler, Optionenopt)

Eine ClickableComponent, die das Posterbild für den Spieler anzeigt.

Neu PosterImage(Spieler, Optionenopt)

Erstellen Sie eine Instanz dieser Klasse.

Parameter:
Nennen Typ Attribute Beschreibung
Spieler Spieler

Der Spieler, an den sich diese Klasse anhängen sollte.

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 der KomponenteS contentEl() oder einen anderen benutzerdefinierten Kontext.

Parameter:
Nennen Typ Attribute Standardwert Beschreibung
Selektor String

Ein gültiger CSS-Selektor, der an QuerySelector übergeben wird.

Kontext Element | 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. Wenn this.contentel () nichts zurückgibt, fällt es auf das 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 der KomponenteS contentEl() oder einen anderen benutzerdefinierten Kontext.

Parameter:
Nennen Typ Attribute Standardwert Beschreibung
Selektor String

Ein gültiger CSS-Selektor, der an QuerySelectorAll übergeben wird.

Kontext Element | 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. Wenn this.contentel () nichts zurückgibt, fällt es auf das 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 Komponente innerhalb der aktuellen Komponente hinzu.

Parameter:
Nennen Typ Attribute Standardwert Beschreibung
Kind string | Komponente

Der Name oder die Instanz eines hinzuzufügenden Kindes.

Optionen Objekt <optional>
{}

Der Schlüssel/Wert-Speicher von Optionen, die an Kinder des Kindes weitergegeben werden.

Index Zahl <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 die Komponente wird durch diesen Prozess erstellt.

Überschreibungen:

addClass(ClassToAdd)

Fügen Sie dem Element der Komponenteeinen CSS-Klassennamen hinzu.

Parameter:
Nennen Typ Beschreibung
ClassToAdd String

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 ClassName fü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
id Zahl

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
Name String

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.setInterval oder Component #setInterval erstellt wird. Wenn Sie eine Inteval über Component #setInterval festlegen, verwenden Sie diese Funktion anstelle von window.clearInterval. Wenn Sie dies nicht tun, wird Ihr Entsorg-Listener erst bereinigt, wenn Component #dispose!

Parameter:
Nennen Typ Beschreibung
Intervalid Zahl

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.setTimeout oder Component #setTimeout erstellt wird. Wenn Sie ein Timeout über Component #setTimeout festlegen, verwenden Sie diese Funktion anstelle von window.clearTimout. Wenn Sie dies nicht tun, wird Ihr Entsorg-Listener erst bereinigt, wenn Component #dispose!

Parameter:
Nennen Typ Beschreibung
timeoutID Zahl

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:

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:

controlText(textopt, elopt) → {String}

Rrufen Sie den Lokalisierungstext ab, der für die Steuerelemente auf der ClickableComponentverwendet werden soll, oder legen

Parameter:
Nennen Typ Attribute Standardwert Beschreibung
Text String <optional>

Steuertext für Element.

el Element <optional>
this.el ()

Element, auf dem der Titel festgelegt werden soll.

Gibt zurück:
string -
  • Der Steuertext beim Erhalten
Überschreibungen:

createControlTextEl(elopt) → {Element}

Erstellen Sie ein Steuertextelement auf dieser ClickableComponent

Parameter:
Nennen Typ Attribute Beschreibung
el Element <optional>

Übergeordnetes Element für den Steuertext.

Gibt zurück:
Element -

Das Steuertextelement, das erstellt wird.

Überschreibungen:

createEl() → {Element}

Erstellen Sie das DOM-Element von PosterImage.

Gibt zurück:
Element -

Das 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
widthorHeight String

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.

Gibt zurück:
component~dimensionObject-

Die berechneten Dimensionen des Elements der Komponente.

Ü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:

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 die KomponenteS Stil.Breite und fällt zurück auf window.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
widthorHeight String

8 "Breite" oder "Höhe

num Nummer | string <optional>

8 Neue Dimension

SkipListener boolescher 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
Breite Nummer | string

Breite, auf die das Element der Komponentefestgelegt werden soll.

Höhe Nummer | string

Höhe, auf die das Element der Komponentefestgelegt werden soll.

Überschreibungen:

deaktivieren()

Deaktivieren Sie diese ClickableComponent

Überschreibungen:

entsorgen()

Bereinigen und entsorgen Sie das PosterImage.

Überschreibungen:

el() → {Element}

Holen Sie sich das DOM-Element der Komponente

Gibt zurück:
Element -

Das DOM-Element für diese Komponente.

Überschreibungen:

enable()

Aktivieren Sie diese ClickableComponent

Ü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 Touchstart und Touchend-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 Touchend Event 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 ein Touchmove Event 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:

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
Attribut String

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 Komponente mit dem angegebenen Namen zurück.

Parameter:
Nennen Typ Beschreibung
Name String

Der Name der abzurufen untergeordneten Komponente.

Gibt zurück:
Komponente | undefiniert -

Die untergeordnete Komponente mit dem Vornamen oder undefined.

Überschreibungen:

getChildById(id){Component|undefined}

Gibt die untergeordnete Komponente mit der angegebenen ID zurück.

Parameter:
Nennen Typ Beschreibung
id String

Die ID der abzurufen untergeordneten Komponente.

Gibt zurück:
Komponente | undefiniert -

Die untergeordnete Komponente mit der angegebenen ID oder undefined.

Überschreibungen:

getDescendant(...names){Component|undefined}

Gibt die nachkommende Komponente nach den Namen 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 Komponente nach dem angegebenen Nachkommen Namen oder undefiniert.

Überschreibungen:

HandleClick(Ereignis)

Ein EventTarget~EventListener für Klicks auf das PosterImage. In ClickableComponent #handleClick finden Sie Instanzen, in denen dies ausgelöst wird.

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event
  •    Das `click`-, `tap`- oder `keydown`-Ereignis, das den Aufruf dieser Funktion verursacht hat.
    
Hört auf Ereignisse:
  • Ereignis:tippen
  • Ereignis:klick
  • Ereignis:keydown
Überschreibungen:

HandleKeyDown(Ereignis)

Ereignishandler, der aufgerufen wird, wenn a Anklickbare Komponente erhält ein Taste nach unten Veranstaltung.

Wenn der Schlüssel „Leertaste“ oder „Enter“ lautet, löst er standardmäßig ein Klickereignis aus.

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

Das Keydown-Ereignis, das dazu führte, dass diese Funktion aufgerufen wurde.

Hört auf Ereignisse:
  • Ereignis:keydown
Überschreibungen:

HandleKeyPress(Ereignis)

Viele Komponenten hatten früher eine HandleKeyPress-Methode, die schlecht benannt wurde, weil sie auf ein Keydown-Ereignis hörte. Dieser Methodenname delegiert jetzt an HandleKeyDown. Dies bedeutet, dass jeder, der HandleKeyPress aufruft, seine Methodenaufrufe nicht mehr funktionieren.

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

Das Ereignis, das dazu geführt hat, dass diese Funktion aufgerufen wurde.

Überschreibungen:

handleLanguageChange()

Behandelt Sprachänderung in ClickableComponent für den Player in Komponenten

Überschreibungen:

hasClass(classToCheck) → {boolean}

Überprüfen Sie, ob das Element einer Komponente einen CSS-Klassennamen hat.

Parameter:
Nennen Typ Beschreibung
ClasstoCheck String

Zu überprüfende CSS-Klassenname.

Gibt zurück:
boolescher Wert -
  • True, wenn die Komponente die Klasse hat. - False, wenn die Komponente die Klasse nicht hat`
Überschreibungen:

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
num Nummer | string <optional>

Die Höhe, die Sie mit '%', 'px' oder gar nicht setzen wollen.

SkipListener boolescher 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 Komponente

Gibt 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. Ansonsten falsch.

Ü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 angegeben wird, wird diese Over-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, dass en.json eingeschlossen werden muss.

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
String String

Die zu lokalisierende Zeichenfolge und der Schlüssel zum Nachschlagen in den Sprachdateien.

Token Array.<Zeichenfolge> <optional>

Wenn das aktuelle Element Token-Ersetzungen enthält, geben Sie die Token hier ein.

defaultValue String <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 die Komponente zu verweisen und wird bei der Registrierung festgelegt.

Gibt zurück:
string -

Der Name dieser Komponente.

Überschreibungen:

optionen(obj) → {Objekt}

Tiefes Zusammenführen von Optionsobjekten mit neuen Optionen.

Hinweis: Wenn sowohl obj als auch Optionen Eigenschaften enthalten, deren Werte Objekte sind. Die beiden Eigenschaften werden mit module:mergeOptions zusammengeführt

Parameter:
Nennen Typ Beschreibung
obj Objekt

Das Objekt, das neue Optionen enthält.

Gibt zurück:
Objekt -

Ein neues Objekt von this.options_ und obj verschmolzen.

Überschreibungen:

player(){Player}

Gibt den Player zurück, an den die Komponente angehängt hat.

Gibt zurück:
Spieler-

Der Spieler, an den diese Komponente angehängt hat.

Ü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.

Gibt zurück:
Komponente-

Gibt sich selbst zurück; Methode kann verkettet werden.

Überschreibungen:

removeAttribute(Attribut)

Entfernt ein Attribut aus dem Element der Komponente.

Parameter:
Nennen Typ Beschreibung
Attribut String

Name des zu entfernenden Attributs.

Überschreibungen:
Siehe:

removeChild(Komponente)

Entfernen Sie eine untergeordnete Komponente aus der untergeordneten Liste dieser Komponente. Entfernt auch das Kind Komponentes Element davon Komponentes-Element.

Parameter:
Nennen Typ Beschreibung
Komponente Komponente

Das Kind Komponente zu entfernen.

Überschreibungen:

removeClass(ClassORemove)

Entfernt einen CSS-Klassennamen aus dem Element der Komponente.

Parameter:
Nennen Typ Beschreibung
ClassToRemove String

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:

Parameter:
Nennen Typ Beschreibung
fn Component~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
Name String

Der Name, der diesem RequestAnimationFrame gegeben werden soll

fn Component~GenericCallback

Eine Funktion, die an diese Komponente gebunden und kurz vor dem nächsten Nachstreichen des Browsers ausgeführt wird.

Überschreibungen:

setAttribute(Attribut, Wert)

Setzen Sie den Wert eines Attributs auf dem Komponente's Element

Parameter:
Nennen Typ Beschreibung
Attribut String

Name des festzulegenden Attributs.

Wert String

Wert, auf den das Attribut festgelegt werden soll.

Überschreibungen:
Siehe:

setInterval(fn, Intervall) → {Zahl}

Erstellt eine Funktion, die alle x Millisekunden ausgeführt wird. Diese Funktion ist ein Wrapper um Window.setInterval. Es gibt jedoch ein paar Gründe, diesen stattdessen zu verwenden.

  1. Es wird über Komponente #clearInterval gelöscht, wenn Component #dispose aufgerufen wird.
  2. Der Funktions-Callback wird eine Component~GenericCallback sein
Parameter:
Nennen Typ Beschreibung
fn Component~GenericCallback

Die Funktion, die alle x Sekunden ausgeführt werden soll.

Intervall Zahl

Führen Sie die angegebene Funktion alle x Millisekunden 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:

setSrc(URL)

Legen Sie die Quelle des PosterImage abhängig von der Anzeigemethode fest.

Parameter:
Nennen Typ Beschreibung
url String

Die URL zur Quelle für das PosterImage.

setTimeout(fn, timeout) → {Zahl}

Erstellt eine Funktion, die nach einem ausgeführt wird x Millisekunden-Timeout. Diese Funktion ist ein Wrapper um Window.setTimeout. Es gibt jedoch ein paar Gründe, diesen stattdessen zu verwenden:

  1. Es wird über Komponente #clearTimeout gelöscht, wenn Component #dispose aufgerufen wird.
  2. Der Funktionsrückruf wird in eine Component~GenericCallback umgewandelt

Hinweis: Sie können Window.cleArtimeOut fü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
fn Component~GenericCallback

Die Funktion, die nach dem Timeout ausgeführt wird.

Timeout Zahl

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:

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.

Parameter:
Nennen Typ Attribute Beschreibung
ClassToggle String

Die Klasse, die hinzugefügt oder entfernt werden soll, basierend auf (@link Component #hasClass}

Prädikat boolean | 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:

update(Ereignisopt)

Ein EventTarget~EventListener für Player #posterchange -Ereignisse.

Parameter:
Nennen Typ Attribute Beschreibung
Ereignis eventTarget~Event <optional>

Das Player #posterchange -Ereignis, das diese Funktion ausgelöst hat.

Hört auf Ereignisse:

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
num Nummer | string <optional>

Die Breite, die Sie mit '%', 'px' oder gar nicht setzen wollen.

SkipListener boolescher 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

componentresize

Wird ausgelöst, wenn die Größe einer Komponente geändert wird.

Typ:
Überschreibungen:

entsorgen

Wird ausgelöst, wenn eine Komponente entsorgt wird.

Typ:
Eigenschaften:
Nennen Typ Attribute Standardwert Beschreibung
Blasen boolescher Wert <optional>
falsch

auf false gesetzt, damit das Dispose-Ereignis nicht sprudelt

Überschreibungen:

bereit

Wird ausgelöst, wenn eine Komponente bereit ist.

Typ:
Überschreibungen:

tippen

Wird ausgelöst, wenn auf eine Komponente getippt wird.

Typ:
Überschreibungen: