Spieler(Tag, Optionenopt , bereitopt)

Eine Instanz der Player-Klasse wird erstellt, wenn eine der Setup-Methoden Video.js verwendet wird, um ein Video zu initialisieren.

Nachdem eine Instanz erstellt wurde, kann auf zwei Arten weltweit zugegriffen werden:

  1. Durch Aufruf von videojs ('example_video_1');
  2. Indem Sie es direkt über videojs.players.example_video_1 verwenden;

Neu Spieler(Tag, Optionenopt , bereitopt)

Erstellen Sie eine Instanz dieser Klasse.

Parameter:
Nennen Typ Attribute Beschreibung
Etikett Element

Das ursprüngliche Video-DOM-Element, das zum Konfigurieren von Optionen verwendet wird.

Optionen Objekt <optional>

Objekt von Optionsnamen und Werten.

bereit component~ReadyCallback <optional>

Bereit Callback-Funktion.

Verlängert

Mitglieder

statische Spieler :Objekt

Globale Aufzählung von Spielern.

Die Schlüssel sind die Spieler-IDs und die Werte sind entweder die Player-Instanz oder Null für entsorgte Spieler.

Ursprungsländer

Holen oder setzen Sie die Spieler's Cross-Origin-Option. Für den HTML5-Player legt dies die CrossORIGIN-Eigenschaft für das <video> -Tag fest, um das CORS-Verhalten zu steuern.

Siehe:

Methoden

statisches getTagSettings(Tag) → {Objekt}

Ruft Tag-Einstellungen ab

Parameter:
Nennen Typ Beschreibung
Etikett Element

Das Spieler-Tag

Gibt zurück:
Objekt -

Ein Objekt, das alle Einstellungen für ein Spieler-Tag enthält

$(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:

addRemoteTextTrack(Optionen, manualCleanupoptional) → {htmlTrackElement}

Erstellen Sie einen Remote-TextTrack und ein HtmlTrackElement. Wenn manualCleanup auf false gesetzt ist, wird der Track bei Quelländerungen automatisch entfernt.

Parameter:
Nennen Typ Attribute Standardwert Beschreibung
Optionen Objekt

Optionen zum Weitergeben an HTMLTrackElement während der Erstellung. Siehe HtmlTrackElement für Objekteigenschaften, die Sie verwenden sollten.

ManualCleanup boolescher Wert <optional>
wahr

wenn auf false gesetzt, wird der TextTrack bei einer Quelländerung entfernt

Gibt zurück:
HtmlTrackElement -

das HTMLTrackElement, das erstellt und der HtmlTrackElementList und der Remote-TextTrackList hinzugefügt wurde

Veraltet:
  • Der Standardwert des Parameters „ManualCleanup“ wird in kommenden Versionen von Video.js standardmäßig auf „false“ gesetzt

addTextTrack(Artopt, labelopt, languageopt) → {TextTrack|undefiniert}

Eine Hilfsmethode zum Hinzufügen eines TextTrack zu unserer TextTrackList.

Zusätzlich zu den W3C-Einstellungen ermöglichen wir das Hinzufügen zusätzlicher Informationen über Optionen.

Parameter:
Nennen Typ Attribute Beschreibung
freundlich String <optional>

die Art von TextTrack, die Sie hinzufügen

etikett String <optional>

das Label, um das TextTrack-Label zu geben

Sprache String <optional>

die Sprache, die auf dem TextTrack festgelegt werden soll

Gibt zurück:
TextTrack | unbestimmtes -

der TextTrack, der hinzugefügt oder undefiniert wurde, wenn es keine Technologie gibt

Siehe:

Seitenverhältnis(Opt-Verhältnis) → {string|undefiniert}

Ein Getter/Setter für die Spieler's Seitenverhältnis.

Parameter:
Nennen Typ Attribute Beschreibung
Verhältnis String <optional>

Der Wert zum Einstellen der Spieler's Seitenverhältnis zu.

Gibt zurück:
string | undefined -
  • Das aktuelle Seitenverhältnis des Players beim Abrufen. - beim Einstellen undefiniert

AudioOnlyMode(Wertopt) → {promise|Boolean}

Ruft den aktuellen AudioOnlyMode-Status ab oder setzt AudioOnlyMode auf true oder false.

Wenn Sie diesen Wert auf true setzen, werden alle Player-Komponenten außer der Steuerleiste sowie die Steuerleistenkomponenten, die nur für Video benötigt werden, ausgeblendet.

Parameter:
Nennen Typ Attribute Beschreibung
Wert boolescher Wert <optional>

Der Wert, auf den AudioOnlyMode gesetzt werden soll.

Gibt zurück:
Versprechen | boolesch -

Ein Promise wird zurückgegeben, wenn der Status gesetzt wird, und ein Boolean, wenn der aktuelle Status abgefragt wird

AudioPosterMode(Wertopt) → {promise|Boolean}

Ruft den aktuellen AudioPosterMode-Status ab oder setzt AudioPosterMode auf true oder false

Parameter:
Nennen Typ Attribute Beschreibung
Wert boolescher Wert <optional>

Der Wert, auf den AudioPosterMode gesetzt werden soll.

Gibt zurück:
Versprechen | boolesch -

Ein Promise wird zurückgegeben, wenn der Status gesetzt wird, und ein Boolean, wenn der aktuelle Status abgefragt wird

audioTracks(){AudioTrackList}

Holen Sie sich die AudioTrackList

Gibt zurück:
AudioTrackListe -

die aktuelle Audiospurliste

Autoplay(Wertopt) → {boolean|Zeichenfolge}

Rufen Sie die Autoplay-Option ab oder legen Sie sie fest. Wenn dies ein boolescher Wert ist, wird das Attribut der Technologie geändert. Wenn dies eine Zeichenfolge ist, wird das Attribut der Technologie entfernt und Spieler behandelt Autoplay bei Ladestarts.

Parameter:
Nennen Typ Attribute Beschreibung
Wert boolesch | Schnur <optional>
  • true: Autoplay mit dem Browserverhalten - false: nicht autoplay - 'play': play () bei jedem Ladestart aufrufen - 'muted': rufe muted () auf und dann play () bei jedem Ladestart - 'any': rufe play () bei jedem Ladestart auf. Wenn das fehlschlägt, rufe muted () auf, dann play (). - *: Werte, die nicht hier aufgeführt sind, werden Autoplay auf true gesetzt
Gibt zurück:
boolesch | Schnur -

Der aktuelle Wert von Autoplay beim Erhalten

verwischen()

Entferne den Fokus von dieser Komponente

Überschreibungen:

Breakpoints(Breakpointsoptional) → {Objekt}

Holen oder setzen Sie Breakpoints für den Player.

Aufruf dieser Methode mit einem Objekt oder wahr entfernt alle vorherigen benutzerdefinierten Haltepunkte und beginnt erneut mit den Standardeinstellungen.

Parameter:
Nennen Typ Attribute Beschreibung
Bruchpunkte Objekt | boolean <optional>

Wenn ein Objekt angegeben ist, kann es verwendet werden, um benutzerdefinierte Haltepunkte bereitzustellen. Wenn wahr gegeben ist, werden Standard-Breakpoints gesetzt. Wenn dieses Argument nicht angegeben wird, werden einfach die aktuellen Haltepunkte zurückgegeben.

Immobilien
Nennen Typ Attribute Beschreibung
sehr klein Zahl <optional>

Die maximale Breite für die Klasse "vjs-layout-tiny".

xklein Zahl <optional>

Die maximale Breite für die Klasse "vjs-layout-x-small".

klein Zahl <optional>

Die maximale Breite für die Klasse "vjs-layout-small".

Mittel Zahl <optional>

Die maximale Breite für die Klasse "vjs-layout-medium".

groß Zahl <optional>

Die maximale Breite für die Klasse "vjs-layout-large".

xgroß Zahl <optional>

Die maximale Breite für die Klasse "vjs-layout-x-large".

riesig Zahl <optional>

Die maximale Breite für die Klasse "vjs-layout-huge".

Gibt zurück:
Objekt -

Ein Objekt, das Haltepunktnamen zu maximalen Breitenwerten zuordnet.

gepuffert() → {ZeitBereich}

Holen Sie sich ein TimeRange-Objekt mit einem Array der Zeiten des heruntergeladenen Videos. Wenn Sie nur den Prozentsatz des heruntergeladenen Videos wünschen, verwenden Sie BufferedPercent.

Gibt zurück:
TimeRange -

Ein Mock TimeRange-Objekt (nach HTML-Spezifikation)

Siehe:

bufferEndend() → {Zahl}

Erhalten Sie die Endzeit des letzten gepufferten Zeitbereichs Dies wird in der Fortschrittsleiste verwendet, um alle Zeitbereiche einzukapseln.

Gibt zurück:
nummer -

Das Ende des letzten gepufferten Zeitbereichs

bufferedPercent() → {Anzahl}

Holen Sie sich den Prozentsatz (als Dezimalzahl) des heruntergeladenen Videos. Diese Methode ist kein Teil der nativen HTML-Video-API.

Gibt zurück:
nummer -

Eine Dezimalzahl zwischen 0 und 1, die den gepufferten Prozentwert darstellt 0 ist 0 % und 1 ist 100 %

abstrakt buildCSSClass() → {string}

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}

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:

canPlayType(Typ) → {Zeichenfolge}

Prüfen Sie, ob der Spieler einen bestimmten Mimetyp spielen kann

Parameter:
Nennen Typ Beschreibung
Typ String

Der zu überprüfende Mimetyp

Gibt zurück:
string -

'wahrscheinlich', 'vielleicht', oder '' (leere Zeichenfolge)

Siehe:

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:

Steuerelemente(boolopt) → {boolean}

Regt ab oder legt fest, ob die Steuerelemente angezeigt werden oder nicht.

Parameter:
Nennen Typ Attribute Beschreibung
bool boolescher Wert <optional>
  • true, um die Steuerung einzuschalten - false, um die Steuerung auszuschalten
Brände:
Gibt zurück:
boolescher Wert -

Der aktuelle Wert der Steuerelemente beim Abrufen

createEl() → {Element}

Erstellen Sie die Spieler's DOM-Element.

Gibt zurück:
Element -

Das DOM-Element, das erstellt wird.

Überschreibungen:

createModal(Inhalt, Optionenoptional) → {modalDialog}

Erstellt einen einfachen modalen Dialog (eine Instanz der ModalDialog-Komponente), der den Player sofort mit beliebigem Inhalt überlagert und sich selbst entfernt, wenn er geschlossen wird.

Parameter:
Nennen Typ Attribute Beschreibung
Inhalt string | Funktion | Element | Array | null

Gleich wie ModalDialog #contents gleichnamige Parameter. Die einfachste Verwendung besteht darin, ein String- oder DOM-Element bereitzustellen.

Optionen Objekt <optional>

Zusätzliche Optionen, die an den ModalDialog weitergegeben werden.

Gibt zurück:
ModalDialog -

der ModalDialog, der erstellt wurde

crossOrigin(Wertopt) → {string|undefiniert}

Holen oder setzen Sie die Spieler's crossOrigin-Option. Für den HTML5-Player legt dies die CrossORIGIN-Eigenschaft für das <video> -Tag fest, um das CORS-Verhalten zu steuern.

Parameter:
Nennen Typ Attribute Beschreibung
Wert String <optional>

Der Wert zum Einstellen der Spieler's crossOrigin to. Wenn ein Argument angegeben wird, muss eines von . sein anonym oder Nutzungsberechtigungen.

Gibt zurück:
string | undefined -
  • Der aktuelle crossOrigin-Wert des Players beim Abrufen von. - undefiniert bei der Einstellung
Siehe:

currentBreakPoint() → {Zeichenfolge}

Rufen Sie den aktuellen Breakpoint-Namen ab, falls vorhanden.

Gibt zurück:
string -

Wenn derzeit ein Breakpoint-Set vorhanden ist, wird der Schlüssel des entsprechenden Breakpoints-Objekts zurückgegeben. Andernfalls wird eine leere Zeichenfolge zurückgegeben.

currentBreakPointClass() → {Zeichenfolge}

Rufen Sie den aktuellen Breakpoint-Klassennamen ab.

Gibt zurück:
string -

Der passende Klassenname (zB "vjs-layout-winzig" oder "vjs-layout-groß" ) für den aktuellen Haltepunkt. Leerer String, wenn kein aktueller Breakpoint vorhanden ist.

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:

currentSource() → {tech~sourceObject}

Gibt das aktuelle Quellobjekt zurück.

Gibt zurück:
Tech~SourceObject-

Das aktuelle Quellobjekt

CurrentSources() → {Array.<tech~Quellobjekt>}

Gibt alle aktuellen Quellobjekte zurück.

Gibt zurück:
Anordnung.<Tech~SourceObject> -

Die aktuellen Quellobjekte

currentSrc() → {Zeichenfolge}

Gibt die vollqualifizierte URL des aktuellen Quellwerts zurück, zB http://mysite.com/video.mp4 Kann in Verbindung mit . verwendet werden Stromtyp um beim Wiederherstellen des aktuellen Quellobjekts zu helfen.

Gibt zurück:
string -

Die aktuelle Quelle

CurrentTime(Sekundenoptional) → {Zahl}

Erhalte oder setze die aktuelle Uhrzeit ein (in Sekunden)

Parameter:
Nennen Typ Attribute Beschreibung
Sekunden Nummer | string <optional>

Die Zeit, um in Sekunden zu suchen

Gibt zurück:
nummer -
  • die aktuelle Zeit in Sekunden beim Erhalten

currentType() → {Zeichenfolge}

Holen Sie sich den aktuellen Quelltyp z.B. video/mp4 Auf diese Weise können Sie das aktuelle Quellobjekt neu erstellen, sodass Sie später dieselbe Quelle und Technik laden können

Gibt zurück:
string -

Der Quell-MIME-Typ

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:

debuggen(aktiviert)

Legen Sie den Debug-Modus fest, um Protokolle auf Info-Ebene zu aktivieren/deaktivieren.

Parameter:
Nennen Typ Beschreibung
aktiviert boolescher Wert
Brände:
  • Spieler#Ereignis:debugon
  • Spieler#Ereignis:debugoff

defaultMuted(defaultMutedopt) → {boolesch |Spieler}

Rufen Sie den aktuellen defaultMuted-Status ab oder schalten Sie defaultMuted ein oder aus. defaultMuted zeigt den Status der Stummschaltung bei der ersten Wiedergabe an.

  var myPlayer = videojs ('irgendein Spieler-ID');

  myPlayer.src("http://www.example.com/path/to/video.mp4");

  //get, sollte falsch sein
  console.log(myPlayer.defaultMuted());
  //auf true setzen
  myPlayer.defaultMuted (wahr);
  //get sollte wahr sein
  console.log(myPlayer.defaultMuted());
Parameter:
Nennen Typ Attribute Beschreibung
DefaultMumed boolescher Wert <optional>
  • true zum Stummschalten - false zum Aufheben der Stummschaltung
Gibt zurück:
boolesch | Spieler -
  • true wenn defaultMuted aktiviert ist und wird - false wenn defaultMuted aus ist und wird - Ein Verweis auf den aktuellen Player beim Setzen

defaultPlaybackRate(Rate optional) → {Anzahl|Spieler}

Ruft die aktuelle Standardwiedergaberate ab oder legt diese fest. Eine Standardwiedergaberate von 1,0 steht für normale Geschwindigkeit und 0,5 würde beispielsweise eine Wiedergabe mit halber Geschwindigkeit anzeigen. defaultPlaybackRate stellt nur die anfängliche PlaybackRate eines Videos dar, nicht die aktuelle PlaybackRate.

Parameter:
Nennen Typ Attribute Beschreibung
bewerten Zahl <optional>

Neue Standardwiedergaberate zum Einstellen.

Gibt zurück:
Nummer | Spieler -
  • Die Standard-Wiedergabegeschwindigkeit beim Abrufen oder 1,0 - der Player beim Einstellen
Siehe:
  • https://html.spec.whatwg.org/multipage/embedded-content.html#dom-media-defaultplaybackrate

Dimension(Dimension, Wertopt) → {Zahl}

Ein Getter/Setter für die Spieler's Breite und Höhe.

Parameter:
Nennen Typ Attribute Beschreibung
Dimension String

Diese Zeichenfolge kann sein: - 'Breite' - 'Höhe'

Wert Zahl <optional>

Wert für die Dimension, die im ersten Argument angegeben ist.

Gibt zurück:
nummer -

Der Dimensionsargumentwert beim Abrufen (Breite/Höhe).

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

deaktivierenPictureInPicture(Wert)

Deaktivieren Sie den Bild-in-Bild-Modus.

Parameter:
Nennen Typ Beschreibung
Wert boolescher Wert
  • true deaktiviert den Bild-im-Bild-Modus - false aktiviert den Bild-im-Bild-Modus

entsorgen()

Zerstört den Videoplayer und führt alle notwendigen Bereinigungen durch.

Dies ist besonders hilfreich, wenn Sie Videos dynamisch zum DOM hinzufügen und entfernen.

Brände:
Überschreibungen:

documentFullscreenChange_()

Wenn das Dokument fschange-Ereignis auslöst, ruft es dies auf

Dauer(Sekundenoptional) → {Zahl}

Erhält normalerweise die Zeitlänge des Videos in Sekunden; In allen außer den seltensten Anwendungsfällen wird kein Argument an die Methode übergeben

HINWEIS: Das Video muss mit dem Laden begonnen haben, bevor die Dauer bekannt ist, und je nach Vorladeverhalten kann es sein, dass dies erst mit dem Abspielen des Videos bekannt ist.

Parameter:
Nennen Typ Attribute Beschreibung
Sekunden Zahl <optional>

Die Dauer des Videos, das in Sekunden eingestellt werden soll

Brände:
Gibt zurück:
nummer -
  • Die Dauer des Videos in Sekunden beim Erhalten

el() → {Element}

Holen Sie sich das DOM-Element der Komponente

Gibt zurück:
Element -

Das DOM-Element für diese Komponente.

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

ended() → {Boolean}

Gibt zurück, ob sich der Spieler im Status „Beendet“ befindet oder nicht.

Gibt zurück:
Boolescher Wert -

True, wenn sich der Spieler im Ended-Status befindet, wenn nicht false.

enterFullWindow()

Wenn der Vollbildmodus nicht unterstützt wird, können wir den Videocontainer so breit ausdehnen, wie es der Browser uns erlauben wird.

Brände:

error(erropt){MediaError|null}

Setze oder erhalte den aktuellen MediaError

Parameter:
Nennen Typ Attribute Beschreibung
irren MediaError | Zeichenfolge | Nummer <optional>

Ein MediaError oder eine String/Zahl, die in einen MediaError umgewandelt werden soll

Brände:
Gibt zurück:
MediaError | null -

Der aktuelle MediaError beim Abrufen (oder null)

BeendenVollbild()

Bringen Sie das Video auf seine normale Größe zurück, nachdem es sich im Vollbildmodus befindet

Brände:

BeendenFullWindow()

Volles Fenster beenden

Brände:

ExitPictureInPicture() → {Versprechen}

Beenden Sie den Bild-in-Bild-Modus.

Brände:
Gibt zurück:
Verspreche -

Ein Versprechen.

Siehe:

fill(boolopt) → {booles|undefiniert}

Ein Getter/Setter/Toggler für den vjs-fill Klassenname auf der Spieler.

Wenn Sie dies aktivieren, wird der Flüssigkeitsmodus deaktiviert.

Parameter:
Nennen Typ Attribute Beschreibung
bool boolescher Wert <optional>
  • Bei einem Wert von true wird die Klasse hinzugefügt. - Ein Wert von false entfernt die Klasse. - Kein Wert wird ein Getter sein.
Gibt zurück:
boolean | undefined -
  • Der Wert von fluid beim Erhalten. - undefiniert beim Setzen.

flexNotSupported_() → {boolean}

Bestimmen Sie, ob Flexbox unterstützt wird oder nicht

Gibt zurück:
boolescher Wert -
  • true, wenn Flexbox unterstützt wird - false, wenn Flexbox nicht unterstützt wird

flüssig(boolopt) → {boolean|undefiniert}

Ein Getter/Setter/Toggler für den vjs-fluid ClassName auf dem Player.

Wenn Sie dies aktivieren, wird der Füllmodus deaktiviert.

Parameter:
Nennen Typ Attribute Beschreibung
bool boolescher Wert <optional>
  • Bei einem Wert von true wird die Klasse hinzugefügt. - Ein Wert von false entfernt die Klasse. - Kein Wert wird ein Getter sein.
Gibt zurück:
boolean | undefined -
  • Der Wert von fluid beim Erhalten. - undefiniert beim Setzen.

fokus()

Setzen Sie den Fokus auf diese Komponente

Überschreibungen:

fullWindowOnEscKey(Veranstaltung)

Suchen Sie nach Anruf, um entweder das Vollfenster oder den Vollbildmodus mit der ESC-Taste zu verlassen

Parameter:
Nennen Typ Beschreibung
Ereignis String

Ereignis zur Überprüfung auf Tastendruck

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:

getCache() → {Objekt}

Regt Objekt für zwischengespeicherte Werte ab

Gibt zurück:
Objekt -

erhalte den aktuellen Objektcache

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:

getMedia() → {player~MediaObject}

Holen Sie sich einen Klon des Stroms Player~MediaObject für diesen Spieler.

Wenn die loadMedia Methode nicht verwendet wurde, wird versuchen, a . zurückzugeben Player~MediaObject basierend auf dem aktuellen Status des Spielers.

Gibt zurück:
Player~MediaObject

getVideoPlaybackQuality() → {object|undefiniert}

Ruft verfügbare Metriken für die Medienwiedergabe ab, wie in der Media Playback Quality API des W3C angegeben.

Gibt zurück:
Objekt | unbestimmtes -

Ein Objekt mit unterstützten Qualitätsmetriken für die Medienwiedergabe oder undefiniert, wenn es keine Technologie gibt oder die Technologie es nicht unterstützt.

Siehe:

HandleHotkeys(Veranstaltung)

Wird aufgerufen, wenn dieser Player ein Hotkey-Keydown-Ereignis empfängt. Unterstützte spielerweite Hotkeys sind:

f - Vollbild umschalten m - Stumm umschalten k oder Leertaste - Wiedergabe/Pause umschalten

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

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

HandleKeyDown(Ereignis)

Wird aufgerufen, wenn dieser Player den Fokus hat und eine Taste gedrückt wird oder wenn eine Komponente dieses Players einen Tastendruck erhält, den er nicht verarbeitet. Dies ermöglicht spielerweite Hotkeys (entweder wie unten definiert oder optional durch eine externe Funktion).

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:

abstrakt handleAnguageChange()

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

Überschreibungen:

handlesRC_(sourceopt, isRetry) → {string|undefiniert}

Führt die Quelleneinstellung und das Abrufen der Logik aus

Parameter:
Nennen Typ Attribute Beschreibung
Quelle tech~SourceObject | Array.<tech~SourceObject> | string <optional>

Ein SourceObject, ein Array von SourceObjects oder eine Zeichenfolge, die auf eine URL zu einer Medienquelle verweist. Es wird dringend empfohlen , hier ein Objekt oder ein Array von Objekten zu verwenden, damit die Algorithmen zur Quellenauswahl den Typ berücksichtigen können.

   Wenn nicht angegeben, fungiert diese Methode als Getter.
isWiederholen boolescher Wert

Zeigt an, ob dieser intern durch einen Retry aufgerufen wird

Gibt zurück:
string | undefined -

Wenn das Quellargument fehlt, gibt die aktuelle Quell-URL zurück. Andernfalls gibt nichts zurück/undefined zurück.

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:

hasPlugin(Name) → {boolean}

Gibt an, ob ein Spieler ein Plugin zur Verfügung hat oder nicht.

Dies zeigt nicht an, ob das Plugin jemals auf diesem Player initialisiert wurde oder nicht. Dafür, mitPlugin.

Parameter:
Nennen Typ Beschreibung
Name String

Der Name eines Plugins.

Gibt zurück:
boolescher Wert -

Ob dieser Player das angeforderte Plugin zur Verfügung hat oder nicht.

hasStarted(Anfrage) → {boolean}

Die vjs-has-startete Klasse hinzufügen/entfernen

Parameter:
Nennen Typ Beschreibung
Anfrage boolescher Wert
  • true: fügt die Klasse hinzu - false: entfernt die Klasse
Brände:
Gibt zurück:
boolescher Wert -

der boolesche Wert von hasStarted_

Höhe(Wertopt) → {Zahl}

Ein Getter/Setter für die Spieler's Höhe. Gibt den konfigurierten Wert des Spielers zurück. Um die aktuelle Höhe zu erhalten, verwenden Sie aktuelle Höhe().

Parameter:
Nennen Typ Attribute Beschreibung
Wert Zahl <optional>

Der Wert zum Einstellen der Spieler's Höhe zu.

Gibt zurück:
nummer -

Die aktuelle Höhe des Spieler beim bekommen.

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

isAudio(bool) → {boolean}

Ruft das Audio-Flag ab oder setzt es

Parameter:
Nennen Typ Beschreibung
bool boolescher Wert
  • true signalisiert, dass dies ein Audioplayer ist - falsch signalisiert, dass dies kein Audioplayer ist
Gibt zurück:
boolescher Wert -

Der aktuelle Wert von isAudio beim Abrufen von

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:

isFullScreen(ISFS optional) → {boolean}

Prüfen Sie, ob sich der Spieler im Vollbildmodus befindet oder teilen Sie dem Spieler mit, dass er sich im Vollbildmodus befindet oder nicht.

HINWEIS: Ab der neuesten HTML5-Spezifikation ist IsFullScreen keine offizielle Eigenschaft mehr und stattdessen wird document.fullScreenElement verwendet. IsFullScreen ist jedoch immer noch eine wertvolle Eigenschaft für interne Spielerarbeiten.

Parameter:
Nennen Typ Attribute Beschreibung
ISFs boolescher Wert <optional>

Stellen Sie den aktuellen Vollbildstatus der Spieler

Gibt zurück:
boolescher Wert -
  • true wenn Vollbild eingeschaltet ist und es wird angezeigt - false wenn Vollbild aus ist und

isInPictureInPicture(isPIPopt) → {boolean}

Prüfen Sie, ob sich der Player im Bild-in-Bild-Modus befindet oder teilen Sie dem Player mit, ob er sich im Bild-in-Bild-Modus befindet oder nicht.

Parameter:
Nennen Typ Attribute Beschreibung
isPiP boolescher Wert <optional>

Stellen Sie den aktuellen Bild-in-Bild-Status des Players ein

Gibt zurück:
boolescher Wert -
  • true, wenn Bild-im-Bild aktiviert ist und wird - false, wenn Bild-im-Bild aus ist und wird

Sprache(Codeoption) → {string}

Der Sprachcode des Players.

Eine Änderung der Sprache löst eine Sprachänderung aus, mit der Komponenten den Steuertext aktualisieren können. ClickableComponent aktualisiert seinen Kontrolltext standardmäßig auf Sprachwechsel.

Parameter:
Nennen Typ Attribute Beschreibung
Code String <optional>

der Sprachcode, auf den der Spieler eingestellt werden soll

Brände:
Gibt zurück:
string -

Der aktuelle Sprachcode beim Abrufen

Sprachen() → {Array}

Holen Sie sich jedes Mal das Sprachwörterbuch des Spielers Merge, da ein neu hinzugefügtes Plugin Videojs.addLanguage () jederzeit aufrufen kann. Sprachen, die direkt in den Spieleroptionen angegeben sind, haben Vorrang

Gibt zurück:
Array -

Eine Reihe unterstützter Sprachen

laden()

Beginnen Sie mit dem Laden der src-Daten.

loadMedia(Medien, bereit)

Füllen Sie den Player mit a Medienobjekt.

Parameter:
Nennen Typ Beschreibung
Medien Player~MediaObject

Ein Medienobjekt.

bereit Funktion

Ein Rückruf, der aufgerufen wird, wenn der Player bereit ist.

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:

loop(Wertopt) → {boolean}

Rrufen oder legen Sie das Loop-Attribut für das Videoelement fest.

Parameter:
Nennen Typ Attribute Beschreibung
Wert boolescher Wert <optional>
  • true bedeutet, dass wir das Video in einer Endlosschleife abspielen sollten - falsch bedeutet, dass wir das Video nicht in einer Endlosschleife abspielen sollten
Gibt zurück:
boolescher Wert -

Der aktuelle Wert der Schleife beim Abrufen

manuellAutoplay_()

Behandeln Sie Autoplay-String-Werte anstelle der typischen booleschen Werte, die vom Techniker verarbeitet werden sollten. Beachten Sie, dass dies nicht Teil einer Spezifikation ist. Gültige Werte und ihre Funktion finden Sie im Autoplay-Getter unter Player#autoplay()

stummgeschaltet(stummgeschaltetoptional) → {boolean}

Erhalte den aktuellen stummgeschalteten Status oder schalte Stummschaltung ein oder aus

Parameter:
Nennen Typ Attribute Beschreibung
gedämpft boolescher Wert <optional>
  • true zum Stummschalten - false zum Aufheben der Stummschaltung
Gibt zurück:
boolescher Wert -
  • true, wenn die Stummschaltung aktiviert ist und wird - false, wenn die Stummschaltung aus ist und

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:

networkState() → {Nummer}

Gibt den aktuellen Status der Netzwerkaktivität für das Element aus den Codes in der folgenden Liste zurück.

  • NETWORK_EMPTY (numerischer Wert 0) Das Element wurde noch nicht initialisiert. Alle Attribute befinden sich in ihren Ausgangszuständen.
  • NETWORK_IDLE (numerischer Wert 1) Der Ressourcenauswahlalgorithmus des Elements ist aktiv und hat eine Ressource ausgewählt, verwendet das Netzwerk jedoch derzeit nicht.
  • NETWORK_LOADING (numerischer Wert 2) Der Benutzeragent versucht aktiv, Daten herunterzuladen.
  • NETWORK_NO_SOURCE (numerischer Wert 3) Der Ressourcenauswahlalgorithmus des Elements ist aktiv, hat aber noch keine zu verwendende Ressource gefunden.
Gibt zurück:
nummer -

der aktuelle Status der Netzwerkaktivität

Siehe:

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:

pause() → {Spieler}

Pausieren Sie die Videowiedergabe

Gibt zurück:
Spieler-

Ein Verweis auf das Spielerobjekt, auf dem diese Funktion aufgerufen wurde

pausiert() → {boolean}

Prüfen Sie, ob der Spieler angehalten wurde oder noch nicht gespielt hat

Gibt zurück:
boolescher Wert -
  • false: wenn das Medium gerade abgespielt wird - true: wenn das Medium gerade nicht abgespielt wird

play() → {promise|undefiniert}

Versuchen Sie bei der ersten Gelegenheit, die Wiedergabe zu starten.

Gibt zurück:
Versprechen | unbestimmtes -

Gibt ein Promise zurück, wenn der Browser Promises unterstützt (oder als Option übergeben wurde). Dieses Versprechen wird über den Rückgabewert des Spiels aufgelöst. Wenn dies nicht definiert ist, wird die Versprechenskette erfüllt, ansonsten wird die Versprechenskette erfüllt, wenn das Versprechen aus dem Spiel erfüllt ist.

PlaybackRate(Rateopt) → {Zahl}

Ruft die aktuelle Wiedergaberate ab oder legt sie fest. Eine Wiedergaberate von 1,0 repräsentiert die normale Geschwindigkeit und 0,5 würde beispielsweise auf eine Wiedergabe mit halber Geschwindigkeit hinweisen.

Parameter:
Nennen Typ Attribute Beschreibung
bewerten Zahl <optional>

Neue Wiedergaberate zum Einstellen.

Gibt zurück:
nummer -

Die aktuelle Wiedergaberate beim Abrufen oder 1,0

Siehe:

Wiedergaberaten(neue Raten) → {Array.<zahl>}

Stellen Sie die aktuellen Wiedergabegeschwindigkeiten ein oder rufen Sie sie ab. Nimmt ein Array und aktualisiert das Menü mit den Wiedergaberaten mit den neuen Elementen. Geben Sie ein leeres Array ein, um das Menü auszublenden. Andere Werte als Arrays werden ignoriert.

Parameter:
Nennen Typ Beschreibung
Neue Preise Reihe.<zahl>

Die neuen Raten, auf die das Menü mit den Wiedergaberaten aktualisiert werden sollte. Ein leeres Array blendet das Menü aus

Brände:
Gibt zurück:
Reihe.<zahl> -

Bei Verwendung als Getter werden die aktuellen Wiedergabegeschwindigkeiten zurückgegeben

gespielt() → {Zeitbereich}

Rufen Sie ein TimeRange-Objekt ab, das die aktuellen Zeitbereiche darstellt, die der Benutzer gespielt hat.

Gibt zurück:
TimeRange -

Ein Zeitbereichsobjekt, das alle wiedergegebenen Zeitinkremente darstellt.

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:

playsinline(Wertopt) → {string|Spieler}

Legen Sie das playsinline-Attribut fest oder heben Sie die Einstellung auf. Playsinline teilt dem Browser mit, dass die Wiedergabe eines Nicht-Vollbildes bevorzugt wird.

Parameter:
Nennen Typ Attribute Beschreibung
Wert boolescher Wert <optional>
  • true bedeutet, dass wir standardmäßig versuchen sollten, Inline zu spielen - false bedeutet, dass wir den Standard-Wiedergabemodus des Browsers verwenden sollten, der in den meisten Fällen Inline ist. iOS Safari ist eine bemerkenswerte Ausnahme und spielt standardmäßig im Vollbildmodus.
Gibt zurück:
Schnur | Spieler -
  • der aktuelle Wert von playsinline - der Spieler beim Setzen
Siehe:

plakat(srcopt) → {Zeichenfolge}

Abrufen oder setzen Sie die Quell-URL des Postbildes

Parameter:
Nennen Typ Attribute Beschreibung
src String <optional>

Quellen-URL für Posterbilder

Brände:
Gibt zurück:
string -

Der aktuelle Wert des Posters beim Erhalten

preload(Wertopt) → {string}

Abrufen oder setzen Sie das Preload-Attribut

Parameter:
Nennen Typ Attribute Beschreibung
Wert boolescher Wert <optional>
  • true bedeutet, dass wir vorladen sollten - false bedeutet, dass wir nicht vorladen sollten
Gibt zurück:
string -

Der Preload-Attributwert beim Abrufen

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:

readyState() → {Nummer}

Gibt einen Wert zurück, der den aktuellen Status des Elements in Bezug auf das Rendern der aktuellen Wiedergabeposition aus den Codes in der folgenden Liste ausdrückt.

  • HAVE_NOTHING (numerischer Wert 0) Es sind keine Informationen zur Medienressource verfügbar.
  • HAVE_METADATA (numerischer Wert 1) Genug von der Ressource wurde erhalten, dass die Dauer der Ressource verfügbar ist.
  • HAVE_CURRENT_DATA (numerischer Wert 2) Daten für die sofortige aktuelle Wiedergabeposition sind verfügbar.
  • HAVE_FUTURE_DATA (numerischer Wert 3) Daten für die sofortige aktuelle Wiedergabeposition sind verfügbar, sowie genügend Daten, damit der Benutzer-Agent die aktuelle Wiedergabeposition in Wiedergaberichtung voranbringen kann.
  • HAVE_ENOUGH_DATA (numerischer Wert 4) Der User-Agent schätzt, dass genügend Daten für die Wiedergabe verfügbar sind, um ununterbrochen fortzufahren.
Gibt zurück:
nummer -

der aktuelle Renderstatus der Wiedergabe

Siehe:

RemainingTime() → {Zahl}

Berechnet, wie viel Zeit noch im Video übrig ist. Nicht Teil der nativen Video-API.

Gibt zurück:
nummer -

Die verbleibende Zeit in Sekunden

RemainingTimeDisplay() → {Zahl}

Eine Restzeitfunktion, die verwendet werden soll, wenn die Zeit dem Benutzer direkt angezeigt werden soll.

Gibt zurück:
nummer -

Die verbleibende gerundete Zeit in Sekunden

remoteTextTrackEls(){HtmlTrackElementList}

Hol dir die Fernbedienung HtmlTrackElementList Spuren.

Gibt zurück:
HtmlTrackElementList -

Die aktuelle Liste der entfernten Textspurelemente

remoteTextTracks(){TextTrackList}

Hol dir die Fernbedienung TextTrackList

Gibt zurück:
TextTrackList-

Die aktuelle Remote-Text-Trackliste

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:

removeRemoteTextTrack(track) → {undefiniert}

Entfernen einer Fernbedienung TextTrack von den jeweiligen TextTrackList und HtmlTrackElementList.

Parameter:
Nennen Typ Beschreibung
verfolgen Objekt

Fernbedienung TextTrack zu entfernen

Gibt zurück:
undefiniert -

gibt nichts zurück

reportUserActivity(Veranstaltung)

Benutzeraktivitäten melden

Parameter:
Nennen Typ Beschreibung
Ereignis Objekt

Event-Objekt

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:

AnfrageVollbild(Vollbildoptionenopt)

Erhöhen Sie die Größe des Videos auf den Vollbildmodus In einigen Browsern wird der Vollbildmodus nativ nicht unterstützt und wechselt daher in den „Vollfenstermodus“, in dem das Video das Browserfenster füllt. In Browsern und Geräten, die den nativen Vollbildmodus unterstützen, werden manchmal die Standardsteuerelemente des Browsers angezeigt und nicht die benutzerdefinierte Skin Video.js. Dies umfasst die meisten mobilen Geräte (iOS, Android) und ältere Versionen von Safari.

Parameter:
Nennen Typ Attribute Beschreibung
VollbildOptionen Objekt <optional>

Überschreiben Sie die Vollbildoptionen des Players

Brände:

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:

requestPictureInPicture() → {Promise}

Erstellen Sie ein schwebendes Videofenster immer über anderen Fenstern, damit Benutzer weiterhin Medien konsumieren können, während sie mit anderen Inhaltsseiten oder Anwendungen auf ihrem Gerät interagieren.

Brände:
Gibt zurück:
Verspreche -

Ein Versprechen mit einem Bild-in-Bild-Fenster.

Siehe:

reset()

Setze den Spieler zurück. Lädt die erste Tech in der TechOrder, entfernt alle Textspuren in der bestehenden Technik , und ruft an zurücksetzen auf der Technik.

resetControlBarUI_()

Setzen Sie die Benutzeroberfläche der Control Bar zurück, indem Sie Untermethoden aufrufen, die alle Komponenten der Control Bar zurücksetzen

resetPlaybackRate_()

Wiedergabeverhältnis zurücksetzen

resetProgressBar_()

Setzen Sie den Fortschritt der Technik zurück, damit der Fortschrittsbalken in der Benutzeroberfläche zurückgesetzt wird

resetVolumeBar_()

Lautstärkeleiste zurücksetzen

responsiv(Wert) → {boolean}

Rufen Sie ein Flag ab oder legen Sie es fest, das angibt, ob dieser Player seine Benutzeroberfläche basierend auf seinen Abmessungen anpassen soll.

Parameter:
Nennen Typ Beschreibung
Wert boolescher Wert

Sollte sein wahr ob der Spieler seine Benutzeroberfläche basierend auf seinen Abmessungen anpassen sollte; sonst sollte es sein falsch.

Gibt zurück:
boolescher Wert -

Wird sein wahr ob dieser Spieler seine Benutzeroberfläche basierend auf seinen Abmessungen anpassen sollte; sonst wird falsch.

runPlayCallbacks_(val)

Wenn ein Rückruf zum Spielen verzögert wird, müssen wir diese Rückrufe ausführen, wenn das Spiel tatsächlich von der Technik aufgerufen wird. Diese Funktion führt die verzögerten Rückrufe aus und akzeptiert den Rückgabewert vom Tech.

Parameter:
Nennen Typ Beschreibung
Val nicht definiert | Versprechen

Der Rückgabewert der tech.

runPlayTerminatedQueue_()

Diese Funktionen werden ausgeführt, wenn die Wiedergabe beendet wird. Wenn play runPlayCallbacks_ ausgeführt wird, werden diese Funktionen nicht ausgeführt. Dies ermöglicht es uns, zwischen einem beendeten Spiel und einem tatsächlichen Aufruf zum Spiel zu unterscheiden.

schrubben(OptionisScrubbing) → {boolean}

Gibt zurück, ob der Benutzer „schrubbt“ oder nicht. Scrubbing ist, wenn der Benutzer auf den Handle der Fortschrittsleiste geklickt hat und ihn entlang der Fortschrittsleiste zieht.

Parameter:
Nennen Typ Attribute Beschreibung
IsScrubbing boolescher Wert <optional>

ob der Benutzer schrubbt oder nicht

Gibt zurück:
boolescher Wert -

Der Wert des Schrubbens beim Bekommen

suchbar() → {timeRanges}

Gibt die TimeRanges der Medien zurück, die derzeit für die Suche verfügbar sind.

Gibt zurück:
Zeitbereiche -

die suchbaren Intervalle der Medientimeline

suche() → {Boolean}

Gibt zurück, ob sich der Spieler im Status „Suchen“ befindet oder nicht.

Gibt zurück:
Boolescher Wert -

True, wenn sich der Spieler im Suchzustand befindet, falsch wenn nicht.

selectSource(Quellen) → {object|Boolean}

Quelle auswählen basierend auf Tech-Order oder Quellreihenfolge Verwendet Auswahl der Quellreihenfolge, wenn Options.sourceOrder wahrheitsgemäß ist. Andernfalls wird standardmäßig die Auswahl der Tech-Order

Parameter:
Nennen Typ Beschreibung
Quellen Reihe

Die Quellen für ein Mediengut

Gibt zurück:
Objekt | boolesch -

Objekt der Quell- und Tech-Reihenfolge oder falsch

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:

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:

src(sourceopt) → {string|undefiniert}

Rufen Sie die Videoquelle ab oder stellen Sie sie ein.

Parameter:
Nennen Typ Attribute Beschreibung
Quelle tech~SourceObject | Array.<tech~SourceObject> | string <optional>

Ein SourceObject, ein Array von SourceObjects oder eine Zeichenfolge, die auf eine URL zu einer Medienquelle verweist. Es wird dringend empfohlen , hier ein Objekt oder ein Array von Objekten zu verwenden, damit die Algorithmen zur Quellenauswahl den Typ berücksichtigen können.

   Wenn nicht angegeben, fungiert diese Methode als Getter.
Gibt zurück:
string | undefined -

Wenn das Quellargument fehlt, gibt die aktuelle Quell-URL zurück. Andernfalls gibt nichts zurück/undefined zurück.

supportsFullScreen() → {boolean}

Überprüfen Sie, ob die aktuelle Technologie den nativen Vollbildmodus unterstützt (z. B. mit integrierten Steuerelementen wie iOS)

Gibt zurück:
boolescher Wert -

wenn nativer Fullscreen unterstützt wird

Technik(optionalSicherheit) → {Technik}

Einen Verweis auf den Strom zurückgeben Technik. Es wird standardmäßig eine Warnung über die Gefahr der direkten Verwendung der Technologie ausgegeben, aber jedes übergebene Argument wird die Warnung stummschalten.

Parameter:
Nennen Typ Attribute Beschreibung
Sicherheit * <optional>

Alles, was passiert, um die Warnung zum Schweigen zu bringen

Gibt zurück:
Technik -

Die Tech

textTracks(){TextTrackList}

Holen Sie sich die TextTrackList

Gibt zurück:
TextTrackList-

die aktuelle Textspurliste

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:

toJSON() → {Objekt}

gibt ein JavaScript-Objekt zurück, das die aktuellen Spurinformationen reperesiert. Gibt es nicht als JSON zurück

Gibt zurück:
Objekt -

Objekt, das den Strom von Track-Info darstellt

triggerReady()

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

Brände:
Überschreibungen:

updateSourceCaches_(srcObj)

Aktualisieren Sie die internen Quellcaches, damit wir die richtige Quelle von . zurückgeben src() , aktuelleQuelle() , und Aktuelle Quellen().

Notiz: Aktuelle Quellen wird nicht aktualisiert, wenn die übergebene Quelle im aktuellen vorhanden ist Aktuelle Quellen Zwischenspeicher.

Parameter:
Nennen Typ Beschreibung
SrcoBJ Tech~SourceObject

Eine String- oder Objektquelle, auf die unsere Caches aktualisiert werden.

userActive(boolopt) → {boolean}

Erhalten/setzen ob der Benutzer aktiv ist

Parameter:
Nennen Typ Attribute Beschreibung
bool boolescher Wert <optional>
  • true, wenn der Benutzer aktiv ist - false, wenn der Benutzer inaktiv ist
Brände:
Gibt zurück:
boolescher Wert -

Der aktuelle Wert von userActive beim Abrufen von

UsingNativeControls(boolopt) → {boolean}

Schalten Sie native Steuerelemente ein/aus. Native Steuerelemente sind die in Geräte integrierten Steuerelemente (z. B. Standard-iPhone-Steuerelemente) oder andere Technologien (z. B. Vimeo-Steuerelemente). Dies sollte nur von der aktuellen Technik eingestellt werden, da nur die Technik weiß, ob sie native Steuerelemente unterstützen kann

Parameter:
Nennen Typ Attribute Beschreibung
bool boolescher Wert <optional>
  • true, um native Steuerelemente zu aktivieren - false, um native Steuerelemente auszuschalten
Brände:
Gibt zurück:
boolescher Wert -

Der aktuelle Wert der nativen Steuerelemente beim Abrufen von

UsingPlugin(Name) → {boolean}

Meldet anhand des Namens, ob ein Spieler ein Plugin verwendet oder nicht.

Bei einfachen Plugins wird nur gemeldet, ob das Plugin jemals auf diesem Player initialisiert wurde.

Parameter:
Nennen Typ Beschreibung
Name String

Der Name eines Plugins.

Gibt zurück:
boolescher Wert -

Ob dieser Player das angeforderte Plugin verwendet oder nicht.

videoHeight() → {Anzahl}

Videohöhe abrufen

Gibt zurück:
nummer -

aktuelle Videohöhe

videoTracks(){VideoTrackList}

Holen Sie sich die VideoTrackList

Gibt zurück:
VideoTrackList -

die aktuelle Videospurliste

videoWidth() → {Anzahl}

Videobreite abrufen

Gibt zurück:
nummer -

aktuelle Videobreite

Volumen(PercentasDecimalopt) → {Zahl}

Erhalte oder setze die aktuelle Lautstärke des Mediums

Parameter:
Nennen Typ Attribute Beschreibung
PercentasDecimal Zahl <optional>

Die neue Lautstärke als Dezimalprozent: - 0 ist stummgeschaltet/ 0% /aus - 1,0 ist 100% /voll - 0,5 ist halbe Lautstärke oder 50%

Gibt zurück:
nummer -

Das aktuelle Volumen in Prozent beim Abrufen

Breite(Wertopt) → {Zahl}

Ein Getter/Setter für die Spieler's Breite. Gibt den konfigurierten Wert des Spielers zurück. Um die aktuelle Breite zu erhalten, verwenden Sie aktuelle Breite ().

Parameter:
Nennen Typ Attribute Beschreibung
Wert Zahl <optional>

Der Wert zum Einstellen der Spieler's Breite zu.

Gibt zurück:
nummer -

Die aktuelle Breite des Spieler beim bekommen.

Überschreibungen:

Geben Sie Definitionen ein

MediaObject

Ein Objekt, das ein einzelnes Medium beschreibt.

Eigenschaften, die nicht Teil dieser Typbeschreibung sind, bleiben erhalten; Daher kann dies auch als generischer Mechanismus zum Speichern von Metadaten angesehen werden.

Eigenschaften:
Nennen Typ Attribute Beschreibung
Album String <optional>

Unbenutzt, außer wenn dieses Objekt an die MediaSession-API übergeben wird.

Künstler String <optional>

Unbenutzt, außer wenn dieses Objekt an die MediaSession-API übergeben wird.

Kunstwerk Array.<Objekt> <optional>

Unbenutzt, außer wenn dieses Objekt an die MediaSession-API übergeben wird. Wenn nicht angegeben, wird es über das ausgefüllt Poster , wenn verfügbar.

Plakat String <optional>

URL zu einem Bild, das vor der Wiedergabe angezeigt wird.

src tech~SourceObject | Array.<tech~SourceObject> | string <optional>

Ein einzelnes Quellobjekt, ein Array von Quellobjekten oder eine Zeichenfolge, die eine URL auf eine Medienquelle verweist. Es wird dringend empfohlen , hier ein Objekt oder ein Array von Objekten zu verwenden, damit die Algorithmen zur Quellenauswahl den Typ berücksichtigen können.

Titel String <optional>

Unbenutzt, außer wenn dieses Objekt an die MediaSession-API übergeben wird.

TextTracks Array.<Objekt> <optional>

Eine Reihe von Objekten, die verwendet werden, um Textspuren zu erstellen, wobei das native Track-Element-Format verwendet wird. Um das Entfernen zu erleichtern, werden diese als "entfernte" Textspuren erstellt und so eingestellt, dass sie bei Quelländerungen automatisch bereinigt werden.

      Diese Objekte können Eigenschaften wie `src`, `kind`, `label` haben,
      und `Sprache`, siehe Tech #createRemoteTextTrack.
Siehe:

Veranstaltungen

beforepluginsetup: $name

Signalisiert, dass ein Plugin auf einem Player eingerichtet wird - namentlich. Der Name ist der Name des Plugins.

Typ:

abbrechen

Wird ausgelöst, wenn das Laden eines Audios/Videos abgebrochen wird.

Typ:

beforepluginsetup

Signalisiert, dass ein Plugin auf einem Player eingerichtet wird.

Typ:

canplay

Das Medium hat einen ReadyState von HAVE_FUTURE_DATA oder höher.

Typ:

canplaythrough

Die Medien haben einen ReadyState von HAVE_ENOUGH_DATA oder höher. Dies bedeutet, dass die gesamte Mediendatei ohne Pufferung abgespielt werden kann.

Typ:

componentresize

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

Typ:
Überschreibungen:

Steuerelementdeaktiviert

Typ:

kontrollierenaktiviert

Typ:

entsorgen

Wird aufgerufen, wenn der Spieler entsorgt wird.

Typ:
Hörer dieser Veranstaltung:
Überschreibungen:

daueränderung

Typ:
Hörer dieser Veranstaltung:

geleert

Wird ausgelöst, wenn die aktuelle Wiedergabeliste leer ist.

Typ:

endete

Wird ausgelöst, wenn das Ende der Medienressource erreicht ist (CurrentTime == Dauer)

Typ:
Hörer dieser Veranstaltung:
  • PlayToggle#handleEnded

EnterfullWindow

Typ:

enterpictureinpicture

Dieses Ereignis wird ausgelöst, wenn der Player das Bild im Bildmodus aktiviert

Typ:
Hörer dieser Veranstaltung:

Fehler

Typ:

ExitFullWindow

Typ:

erstes Spiel

Wurde ausgelöst, als ein Video zum ersten Mal abgespielt wird. Nicht Teil der HLS-Spezifikation, und dies ist wahrscheinlich noch nicht die beste Implementierung, also verwenden Sie sparsam. Wenn Sie keinen Grund haben, die Wiedergabe zu verhindern, verwenden Sie myPlayer.one('play'); stattdessen.

Typ:
Veraltet:
  • Ab 6.0 ist firstplay event veraltet.

Vollbildwechsel

Typ:
Hörer dieser Veranstaltung:

Sprachänderung

wird ausgelöst, wenn sich die Spielersprache ändert

Typ:

leavepictureinpicture

Dieses Ereignis wird ausgelöst, wenn der Player das Bild im Bildmodus verlässt

Typ:
Hörer dieser Veranstaltung:

geladene Daten

Wird ausgelöst, wenn der Browser den aktuellen Frame des Audio/Videos geladen hat.

Typ:
  • Ereignis

geladene Daten

Wird ausgelöst, wenn der Player Daten an der aktuellen Wiedergabeposition heruntergeladen hat

Typ:

loadedmetadaten

Wird ausgelöst, wenn der Browser Metadaten für das Audio/Video geladen hat.

Typ:
Hörer dieser Veranstaltung:

loadedmetadaten

Wird ausgelöst, wenn der Spieler anfängliche Dauer und Dimensionsinformationen hat

Typ:

Ladestart

Wird ausgelöst, wenn der Benutzeragent nach Mediendaten sucht

Typ:
Hörer dieser Veranstaltung:

pausieren

Wird ausgelöst, wenn die Medien angehalten wurden

Typ:
Hörer dieser Veranstaltung:

spielen

Ausgelöst, wenn ein Tech#play Ereignis passiert. Zeigt an, dass die Wiedergabe gestartet oder fortgesetzt wurde.

Typ:
Hörer dieser Veranstaltung:

playbackrateändern

wird ausgelöst, wenn die Wiedergabegeschwindigkeit in einem Player geändert wird

Typ:
Hörer dieser Veranstaltung:

playerresize

Wird aufgerufen, wenn sich die Spielergröße geändert hat

Typ:

spielend

Die Medien sind nicht mehr von der Wiedergabe blockiert und haben begonnen zu spielen.

Typ:

Pluginsetup

Signalisiert, dass gerade ein Plugin auf einem Player eingerichtet wurde.

Typ:

Posterchange

Dieses Ereignis wird ausgelöst, wenn das Posterbild auf dem Spieler geändert wird.

Typ:
Hörer dieser Veranstaltung:

Fortschritt

Wird ausgelöst, während der Benutzeragent Mediendaten herunterlädt.

Typ:
Hörer dieser Veranstaltung:

Ratechange

Wird ausgelöst, wenn die Wiedergabegeschwindigkeit des Audio/Videos geändert wird

Typ:
  • Ereignis
Hörer dieser Veranstaltung:
  • PlaybackRateMenuButton#updateLabel
  • PlaybackRateMenuItem#update

bereit

Wird ausgelöst, wenn eine Komponente bereit ist.

Typ:
Überschreibungen:

Größe ändern

Wird ausgelöst, wenn sich die inneren Abmessungen des Videos ändern

Typ:
  • Ereignis

suchend

Wird gefeuert, wenn der Spieler zu einer neuen Zeit gesprungen ist

Typ:
Hörer dieser Veranstaltung:
  • PlayToggle#handleSeeked

auf der Suche

Wird gefeuert, wenn der Spieler zu einer neuen Zeit springt

Typ:

sourceset

EXPERIMENTAL Wird ausgelöst, wenn die Quelle auf der Tech eingestellt oder geändert wird, wodurch das Medienelement neu geladen wird.

Es wird für die ursprüngliche Quelle und jede nachfolgende Quelle ausgelöst. Dieses Ereignis ist ein benutzerdefiniertes Ereignis von Video.js und wird durch die Technik.

Das Ereignisobjekt für dieses Ereignis enthält a src -Eigenschaft, die die Quelle enthält, die verfügbar war, als das Ereignis ausgelöst wurde. Dies ist im Allgemeinen nur erforderlich, wenn Video.js die Technik wechselt, während die Quelle geändert wurde.

Es wird auch gefeuert, wenn Belastung wird auf dem Player (oder Medienelement) aufgerufen, weil die Spezifikation für Belastung sagt, dass der Ressourcenauswahlalgorithmus abgebrochen und neu gestartet werden muss. In diesem Fall ist es sehr wahrscheinlich, dass die src Die Eigenschaft wird auf den leeren String gesetzt "" um anzuzeigen, dass wir nicht wissen, was die Quelle sein wird, aber dass sie sich ändert.

Diese Veranstaltung ist derzeit noch experimentell und kann sich in kleineren Versionen ändern. Um dies zu verwenden, pass enableSourceset Option für den Spieler.

Typ:
Eigenschaften:
Nennen Typ Beschreibung
src String

Die Quell-URL, die verfügbar ist, wenn die Quellensatz wurde ausgelöst. Es ist eine leere Zeichenfolge, wenn wir die Quelle nicht kennen können, aber wissen, dass sich die Quelle ändert.

ins Stocken geraten

Wird ausgelöst, wenn der Browser versucht, Mediendaten abzurufen, Daten jedoch nicht verfügbar sind.

Typ:

aussetzen

Wird ausgelöst, wenn der Browser absichtlich keine Mediendaten erhält.

Typ:

tippen

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

Typ:
Überschreibungen:

textdata

Feuert, wenn wir ein Textdata-Event von Tech bekommen

Typ:

texttrackchange

Wird ausgelöst, wenn die Textspur geändert wurde

Typ:
  • Ereignis
Hörer dieser Veranstaltung:

Zeitaktualisierung

Wird ausgelöst, wenn sich die aktuelle Wiedergabeposition geändert hat.

Typ:
  • Ereignis
Hörer dieser Veranstaltung:

Zeitaktualisierung

Wird ausgelöst, wenn sich die aktuelle Wiedergabeposition geändert hat* Während der Wiedergabe wird diese je nach verwendeter Wiedergabetechnologie alle 15-250 Millisekunden ausgelöst.

Typ:

useractive

Typ:

userinactive

Typ:

benutzenCustomControls

Der Spieler verwendet die benutzerdefinierten HTML-Steuerelemente

Typ:

mit nativeControls

Der Spieler verwendet die nativen Geräte-Steuerelemente

Typ:

Volumenänderung

Wird ausgelöst, wenn das Volume geändert wurde

Typ:
  • Ereignis
Hörer dieser Veranstaltung:

Volumenänderung

Wird ausgelöst, wenn sich das Volume ändert

Typ:

wartend

Eine ReadyState-Änderung des DOM-Elements hat dazu geführt, dass die Wiedergabe beendet wurde.

Typ:

pluginsetup: $name

Signalisiert, dass gerade ein Plugin auf einem Player eingerichtet wurde - namentlich. Der Name ist der Name des Plugins.

Typ: