Fortschrittskontrolle(Spieler, Optionenopt)

Die Fortschrittssteuerungskomponente enthält den Suchbalken, den Ladefortschritt und den Spielfortschritt.

Neu Fortschrittskontrolle(Spieler, Optionenopt)
control-bar/progress-control/progress-control.js , Linie 18

Erstellt eine Instanz dieser Klasse.

Parameter:
Nennen Typ Attribute Beschreibung
Spieler Spieler

Der Spieler, an den diese Klasse angehängt sein sollte.
Optionen Objekt <optional>

Der Schlüssel-/Wert-Speicher der Spieleroptionen.

Verlängert

Methoden

$(Selektor, Kontextopt) → {Element|null}
component.js, zeile 778

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}
component.js, zeile 800

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}
component.js, zeile 469

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)
component.js, zeile 824

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

Parameter:
Nennen Typ Beschreibung
ClassToAdd String

Hinzufügen von CSS-Klassenname
Überschreibungen:

verwischen()
component.js, Zeile 1164

Entferne den Fokus von dieser Komponente

Überschreibungen:

abstrakt buildCSSClass() → {string}
component.js, zeile 695

Baut den Standard-DOM-Klassennamen auf. Sollte durch Unterkomponenten außer Kraft gesetzt werden.

Gibt zurück:
string -

Der DOM-Klassenname für dieses Objekt.

Überschreibungen:

cancelAnimationFrame(id) → {Nummer}
component.js, zeile 1598

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)
component.js, zeile 1573

Bricht einen aktuell benannten Animationsframe ab, falls er vorhanden ist.

Parameter:
Nennen Typ Beschreibung
Name String

Der Name des abzubrechenden RequestAnimationFrame.
Überschreibungen:

kinder() → {Array}
component.js, zeile 386

Holen Sie sich ein Array aller untergeordneten Komponenten

Gibt zurück:
Array -

Die Kinder

Überschreibungen:

clearInterval(intervalId) → {number}
component.js, zeile 1477

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}
component.js, zeile 1421

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}
component.js, zeile 355

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}
control-bar/progress-control/progress-control.js , Linie 45

Erstellen Sie die Komponente's DOM-Element

Gibt zurück:
Element -

Das Element, das erstellt wurde.

Überschreibungen:

currentDimension(widthOrHeight) → {number}
component.js, zeile 1077

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}
component.js, zeile 1123

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}
component.js, zeile 1150

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}
component.js, zeile 1138

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}
component.js, zeile 1014

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)
component.js, zeile 980

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()
control-bar/progress-control/progress-control.js , Linie 134

Deaktivieren Sie alle Steuerelemente der Fortschrittskontrolle und ihrer untergeordneten Elemente

entsorgen(Optionen)
component.js, zeile 144

Entsorgen Sie die Komponente und alle untergeordneten Komponenten.

Parameter:
Nennen Typ Beschreibung
Optionen Objekt
Immobilien
Nennen Typ Beschreibung
originalEl Element

element, mit dem das Player-Element ersetzt werden soll
Brände:
Überschreibungen:

el() → {Element}
component.js, zeile 248

Holen Sie sich das DOM-Element der Komponente

Gibt zurück:
Element -

Das DOM-Element für diese Komponente.

Überschreibungen:

enable()
control-bar/progress-control/progress-control.js , Linie 165

Aktivieren Sie alle Steuerelemente der Fortschrittskontrolle und ihrer untergeordneten Elemente

aktiviert() → {boolean}
control-bar/progress-control/progress-control.js , Linie 127

Sind Steuerelemente derzeit für diese Fortschrittskontrolle aktiviert.

Gibt zurück:
boolescher Wert -

true wenn Steuerelemente aktiviert sind, andernfalls false

EnableTouchActivity()
component.js, zeile 1320

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()
component.js, zeile 1157

Setzen Sie den Fokus auf diese Komponente

Überschreibungen:

getAttribute(attribute) → {string|null}
component.js, zeile 904

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}
component.js, zeile 412

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}
component.js, zeile 399

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}
component.js, zeile 434

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:

HandleKeyDown(Ereignis)
component.js, zeile 1175

Wenn diese Komponente ein Keydown-Ereignis erhält, das sie nicht verarbeitet, übergibt sie das Ereignis zur Handhabung an den Player.

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

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

HandleKeyPress(Ereignis)
component.js, zeile 1196

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:

abstrakt handleAnguageChange()
component.js, zeile 346

Behandelt Sprachänderungen für den Player in Komponenten. Sollte durch Unterkomponenten außer Kraft gesetzt werden.

Überschreibungen:

HandleMouseDown(Ereignis)
control-bar/progress-control/progress-control.js , Linie 200

Handhaben Maus nach unten oder Berührungsstart Veranstaltungen auf der Fortschrittskontrolle.

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

mousedown - oder Touchstart-Ereignis, das diese Funktion ausgelöst hat
Hört auf Ereignisse:
  • Ereignis:mousedown
  • Ereignis:touchstart

HandleMouseMove(Ereignis)
control-bar/progress-control/progress-control.js , Linie 60

Wenn die Maus über die Fortschrittskontrolle , die Zeigerposition wird an den weitergegeben MausZeitanzeige Komponente.

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

Das mousemove -Ereignis, das die Ausführung dieser Funktion veranlasste.

handleMouseSeek(Veranstaltung)
control-bar/progress-control/progress-control.js , Linie 113

Handhaben Mausbewegung oder touchmove Veranstaltungen auf der Fortschrittskontrolle.

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

mousedown - oder Touchstart-Ereignis, das diese Funktion ausgelöst hat
Hört auf Ereignisse:
  • Ereignis:mousemove
  • Ereignis:touchmove

HandleMouseUp(Ereignis)
control-bar/progress-control/progress-control.js , Linie 223

Handhaben Maus hoch oder berühren Veranstaltungen auf der Fortschrittskontrolle.

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

mouseup - oder touchend-Ereignis, das diese Funktion ausgelöst hat.
Hört auf Ereignisse:
  • Ereignis:touchend
  • Ereignis:mouseup

hasClass(classToCheck) → {boolean}
component.js, zeile 814

Ü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}
component.js, zeile 967

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()
component.js, zeile 865

Blenden Sie das Element der Komponenteaus, wenn es derzeit angezeigt wird, indem Sie den Klassennamen „vjs-hidden“ hinzufügen.

Überschreibungen:

id() → {String}
component.js, Zeile 365

Holen Sie sich die ID dieser Komponente

Gibt zurück:
string -

Die ID dieser Komponente

Überschreibungen:

initChildren()
component.js, zeile 592

Fügen Sie die untergeordneten Standardkomponentebasierend auf Optionen hinzu und initialisieren Sie sie.

Überschreibungen:

isDisposed() → {boolean}
component.js, zeile 208

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}
component.js, zeile 309

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}
component.js, zeile 376

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}
component.js, zeile 233

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}
component.js, zeile 218

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}
component.js, zeile 709

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)
component.js, zeile 931

Entfernt ein Attribut aus dem Element der Komponente.

Parameter:
Nennen Typ Beschreibung
Attribut String

Name des zu entfernenden Attributs.
Überschreibungen:
Siehe:

removeChild(Komponente)
component.js, zeile 553

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)
component.js, zeile 834

Entfernt einen CSS-Klassennamen aus dem Element der Komponente.

Parameter:
Nennen Typ Beschreibung
ClassToRemove String

Zu entfernende CSS-Klassenname
Überschreibungen:

entfernenListenerAddedOnMousedownAndTouchstart()
control-bar/progress-control/progress-control.js , Linie 182

Bereinigen Sie Listener, nachdem der Benutzer die Interaktion mit den Fortschrittskontrollen beendet hat

requestAnimationFrame(fn) → {Nummer}
component.js, zeile 1511

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)
component.js, zeile 1547

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)
component.js, zeile 919

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}
component.js, zeile 1450

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:

setTimeout(fn, timeout) → {Zahl}
component.js, zeile 1385

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()
component.js, zeile 857

Zeigen Sie das Element " Komponenten"an, wenn es ausgeblendet ist, indem Sie den Klassennamen "vjs-hidden" aus ihm entfernen.

Überschreibungen:

gedrosseltHandleMouseSeek(Veranstaltung)
control-bar/progress-control/progress-control.js , Linie 93

Eine gedrosselte Version des ProgressControl#handleMouseSeek Hörer.

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

Das mousemove -Ereignis, das die Ausführung dieser Funktion veranlasste.

ToggleClass(ClassToggle, Prädikatopt)
component.js, zeile 849

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()
component.js, zeile 733

Lösen Sie alle fertigen Listener für diese Komponente aus.

Brände:
Überschreibungen:

width(numopt, skipListenersopt) → {number|string}
component.js, zeile 949

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
component.js, zeile 1032

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

Typ:
Überschreibungen:

entsorgen
component.js, zeile 155

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
component.js, zeile 750

Wird ausgelöst, wenn eine Komponente bereit ist.

Typ:
Überschreibungen:

tippen
component.js, zeile 1282

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

Typ:
Überschreibungen: