Suchleiste(Spieler, Optionenopt)

Suchleiste und Container für die Fortschrittsbalken. Verwendet PlayProgressBar wie es ist Bar.

Neu Suchleiste(Spieler, Optionenopt)
control-bar/progress-control/seek-bar.js , Linie 30

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:

berechneEntfernung(Ereignis) → {Anzahl}
slider/slider.js, zeile 293

Berechnen Sie die Entfernung für den Schieber

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

Das Ereignis, das dazu geführt hat, dass diese Funktion ausgeführt wurde.
Gibt zurück:
nummer -

Die aktuelle Position des Schiebereglers. - position.x für vertikale Schieberegler- position.y für horizontale Schieberegler

Ü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/seek-bar.js , Linie 120

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()
slider/slider.js, Zeile 86

Deaktivieren Sie die Steuerelemente für diesen Schieberegler, wenn sie aktiviert sind

Überschreibungen:

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()
slider/slider.js, Zeile 60

Aktivieren Sie Steuerelemente für diesen Schieberegler, wenn sie deaktiviert sind

Überschreibungen:

aktiviert() → {boolean}
slider/slider.js, Zeile 53

Sind derzeit Steuerelemente für diesen Schieberegler aktiviert oder nicht.

Gibt zurück:
boolescher Wert -

true wenn Steuerelemente aktiviert sind, andernfalls false

Überschreibungen:

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:

getPercent() → {Anzahl}
control-bar/progress-control/seek-bar.js, Zeile 225

Rufen Sie den Prozentsatz der bisher abgespielten Medien ab.

Gibt zurück:
nummer -

Der Prozentsatz der bisher wiedergegebenen Medien (0 bis 1).

getProgress() → {Anzahl}
slider/slider.js, zeile 278

Holen Sie sich den Prozentsatz des Balkens, der gefüllt, aber geklemmt und abgerundet werden soll.

Gibt zurück:
nummer -

Prozentsatz gefüllt, dass der Schieberegler ist

Überschreibungen:

handleAction(Veranstaltung)
control-bar/progress-control/seek-bar.js, Zeile 407

Schaltet den Wiedergabestatus des Players um Dies wird aufgerufen, wenn die Eingabetaste oder Leertaste auf der Suchleiste verwendet wird

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

Die Taste nach unten Ereignis, das den Aufruf dieser Funktion verursacht hat

HandleClick(Ereignis)
slider/slider.js, zeile 339

Listener für Klickereignisse auf dem Schieberegler, der verhindert, dass Klicks zu übergeordneten Elementen wie Schaltflächenmenüs sprudeln.

Parameter:
Nennen Typ Beschreibung
Ereignis Objekt

Ereignis, das dazu geführt hat, dass dieses Objekt ausgeführt wurde
Überschreibungen:

HandleKeyDown(Ereignis)
control-bar/progress-control/seek-bar.js, Zeile 431

Wird aufgerufen, wenn diese SeekBar den Fokus hat und eine Taste gedrückt wird. Unterstützt die folgenden Schlüssel:

Leertaste oder Enter-Taste löst ein Klickereignis aus Home-Taste bewegt sich zum Anfang der Timeline End-Taste bewegt sich zum Ende der Timeline Ziffern "0" bis "9" bewegen sich zu 0%, 10% ... 80 %, 90 % der Timeline Page-Down-Taste bewegt sich einen größeren Schritt zurück als ArrowDown PageUp-Taste bewegt sich einen großen Schritt vorwärts

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)
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/seek-bar.js, Zeile 252

Handle mit der Maus unten auf Suchleiste

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

Das mousedown-Ereignis, das dazu geführt hat, dass dies ausgeführt wurde.
Hört auf Ereignisse:
  • Ereignis:mousedown
Überschreibungen:

handleMouseMove(event, mouseDown)
control-bar/progress-control/seek-bar.js, Zeile 275

Handle Maus bewegen auf Suchleiste

Parameter:
Nennen Typ Standardwert Beschreibung
Ereignis eventTarget~Event

Das mousemove -Ereignis, das dazu geführt hat, dass dies ausgeführt wurde.
mouseDown boolescher Wert falsch

dies ist ein Flag, das auf true gesetzt werden sollte, wenn handleMouseMove direkt aufgerufen wird. Es erlaubt uns, Dinge zu überspringen, die nicht passieren sollten, wenn sie von der Maus nach unten kommen, aber bei einer normalen Mausbewegung passieren sollten. Standardmäßig ist false eingestellt
Hört auf Ereignisse:
  • Ereignis:mousemove
Überschreibungen:

HandleMouseUp(Ereignis)
control-bar/progress-control/seek-bar.js, Zeile 359

Handle mit der Maus nach oben auf Suchleiste

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

Das mouseup-Ereignis, das dazu geführt hat, dass dies ausgeführt wurde.
Hört auf Ereignisse:
  • Ereignis:mouseup
Überschreibungen:

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:

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:

StepBack()
control-bar/progress-control/seek-bar.js, Zeile 395

Bewegen Sie sich schneller zurückspulen für Nur-Tastaturbenutzer

StepForward()
control-bar/progress-control/seek-bar.js, Zeile 388

Schneller vorwärts für Nur-Tastaturbenutzer

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:

aktualisieren(Eventoptional) → {Zahl}
control-bar/progress-control/seek-bar.js , Linie 140

Diese Funktion aktualisiert den Wiedergabefortschrittsbalken und die Zugänglichkeitsattribute für alles, was übergeben wird.

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

Das timeupdate oder beendete Ereignis, das dazu geführt hat, dass dies ausgeführt wurde.
Hört auf Ereignisse:
Gibt zurück:
nummer -

Der aktuelle Prozentsatz bei einer Zahl von 0-1

Überschreibungen:

Benutzer Seek_(ct)
control-bar/progress-control/seek-bar.js, Zeile 196

Verhindern Sie, dass LiveThreshold dazu führt, dass Suchvorgänge aus Benutzersicht so aussehen, als ob sie nicht stattfinden.

Parameter:
Nennen Typ Beschreibung
ct Zahl

aktuelle Uhrzeit, zu der gesucht werden soll

vertikal(boolopt) → {boolean}
slider/slider.js, zeile 355

Erhalten/einstellen, ob der Schieberegler horizontal für vertikal ist

Parameter:
Nennen Typ Attribute Beschreibung
bool boolescher Wert <optional>
  • true, wenn der Schieber vertikal ist, - false, wenn er horizontal ist
Gibt zurück:
boolescher Wert -
  • true, wenn der Schieber vertikal ist, und getting - false, wenn der Schieber horizontal ist, und getting
Ü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:

slideractive
slider/slider.js, Zeile 170

Wird ausgelöst, wenn sich der Schieberegler in einem aktiven Zustand befindet

Typ:
Überschreibungen:

sliderinaktiv
slider/slider.js, zeile 218

Wird ausgelöst, wenn sich der Schieberegler nicht mehr in einem aktiven Zustand befindet.

Typ:
Überschreibungen:

tippen
component.js, zeile 1282

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

Typ:
Überschreibungen: