Technik(Optionenopt , bereit)

Dies ist die Basisklasse für Controller der Medienwiedergabetechnologie wie HTML5

Neu Technik(Optionenopt , bereit)

Erstellen Sie eine Instanz dieser Technologie.

Parameter:
Nennen Typ Attribute Beschreibung
Optionen Objekt <optional>

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

bereit component~ReadyCallback

Callback-Funktion, die aufgerufen werden soll, wenn der HTML5 Tech bereit ist.

Verlängert

Mitglieder

FeaturesFullScreenResize :boolean

Boolescher Wert, der angibt, ob die Technik unterstützt die Größenänderungssteuerung im Vollbildmodus. Das Ändern der Größe von Plugins mit der Anfrage Fullscreen lädt das Plugin neu

FeaturesMuteControl :bolean

Boolescher Wert, der angibt, ob der Tech die Stummschaltung des

Standardwert:
  • wahr

FeaturesNativeTextTracks :boolean

Boolescher Wert, der angibt, ob die Technik unterstützt die Einheimischen TextTrackS. Dies hilft uns, uns mit nativen TextTracks zu integrieren, wenn der Browser sie unterstützt.

FeaturesPlaybackRate :boolean

Boolescher Wert, der angibt, ob der Tech die Änderung der Geschwindigkeit unterstützt, mit der das Video abgespielt wird. Beispiele:

  • Stellen Sie den Spieler so ein, dass er 2x (zweimal) so schnell spielt
  • Stellen Sie den Spieler so ein, dass er 0,5x (halb) so schnell spielt

FeaturesProgressEvents :boolean

Boolescher Wert, der angibt, ob die Technik unterstützt die Fortschritt Veranstaltung. Dies wird derzeit nicht durch video-js-swf ausgelöst. Dies wird verwendet, um festzustellen, ob Tech #manualProgressOn aufgerufen werden soll.

FeaturesSourceSet :boolean

Boolescher Wert, der angibt, ob die Technik unterstützt die Quellensatz Veranstaltung.

Eine Technologie sollte dies auf wahr setzen und dann Tech #triggerSourceset verwenden, um frühestens nach einem neuen Zeitpunkt ein Tech #Event auszulösen: sourceset Quelle.

FeaturestimeUpdateEvents :boolean

Boolescher Wert, der angibt, ob die Technik unterstützt die Zeitupdate Veranstaltung. Dies wird derzeit nicht durch video-js-swf ausgelöst. Dies wird verwendet, um festzustellen, ob Tech #manualTimeUpdates aufgerufen werden soll.

featuresVideoFrameCallback:boolean

Boolescher Wert, der angibt, ob die Technik unterstützt requestVideoFrameCallback.

FeaturesVolumeControl :boolean

Boolean, der angibt, ob der Tech die Lautstärkeregelung unterstützt

Standardwert:
  • wahr

Methoden

static canPlaySource(srcObj, Optionen) → {string}

Prüfen Sie, ob der Techniker die angegebene Quelle unterstützen kann

Parameter:
Nennen Typ Beschreibung
SrcoBJ Objekt

Das Quellobjekt

Optionen Objekt

Die Optionen wurden an die Technologie weitergegeben

Gibt zurück:
string -

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

static canPlayType(type) → {string}

Überprüfen Sie, ob der Typ von dieser Technologie unterstützt wird.

Die Basistechnologie unterstützt keinen Typ, aber Quellhandler können dies überschreiben.

Parameter:
Nennen Typ Beschreibung
Typ String

Der zu überprüfende Medientyp

Gibt zurück:
string -

Gibt die Antwort des nativen Videoelements zurück

statisch getTech(name){Tech|undefined}

Holen Sie sich einen Tech aus der freigegebenen Liste nach Namen.

Parameter:
Nennen Typ Beschreibung
Name String

CamelCase oder TitleCase Name des zu erlangenden Tech

Gibt zurück:
Tech | unbestimmtes -

Der Tech oder undefined, wenn es keine Technologie mit dem angeforderten Namen gab.

statische RegisterTech(Name, Technologie)

Registriert einen Tech in einer freigegebenen Liste für Videojs.

Parameter:
Nennen Typ Beschreibung
Name String

Name des Technik zu registrieren.

Tech Objekt

Die Tech-Klasse zum Registrieren.

statisch withSourceHandlers(_Technik)

Ein funktionales Mixin für Techniker, die das Source-Handler-Muster verwenden möchten. Quellhandler sind Skripte für den Umgang mit bestimmten Formaten. Das Quell-Handler-Pattern wird für adaptive Formate (HLS, DASH) verwendet, die Videodaten manuell laden und in einen Quellpuffer (Media Source Extensions) einspeisen. Beispiel: tech.withSourceHandlers.call (MyTech);

Parameter:
Nennen Typ Beschreibung
_Tech Tech

Die Technologie, zu der Quell-Handler-Funktionen hinzugefügt werden können.

Mischt sich ein:
  • Tech~SourceHandlerAdditions

$(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(options, manualCleanupopt){HTMLTrackElement}

Erstellt ein Remote-Textspur-Objekt und gibt ein HTML-Spurelement zurück.

Hinweis: Dies kann ein emuliertes HtmlTrackElement oder ein natives sein.

Parameter:
Nennen Typ Attribute Standardwert Beschreibung
Optionen Objekt

Weitere Informationen finden Sie unter Tech #createRemoteTextTrack.

ManualCleanup boolescher Wert <optional>
wahr
  • Wenn falsch: Der TextTrack wird automatisch aus dem Videoelement entfernt, wenn sich die Quelle ändert - Wenn True: Der TextTrack muss manuell bereinigt werden
Gibt zurück:
HtmlTrackElement-

Ein Html-Spurelement.

Veraltet:
  • Die Standardfunktionalität für diese Funktion entspricht in Zukunft „manualCleanup=False“. Der ManualCleanup-Parameter wird ebenfalls entfernt.

addTextTrack(kind, labelopt, languageopt){TextTrack}

Erstellen Sie ein Remote-TextTrack-Objekt und gibt es zurück.

Parameter:
Nennen Typ Attribute Beschreibung
freundlich String

TextTrack kind (Untertitel, Beschriftungen, Beschreibungen, Kapitel oder Metadaten)

etikett String <optional>

Beschriftung zur Identifizierung der Textspur

Sprache String <optional>

Zwei-Buchstaben-Sprachabkürzung

Gibt zurück:
TextTrack-

Der TextTrack, der erstellt wird.

addWebVttScript_()

Emulieren Sie bei Bedarf TextTracks mit vtt.js

Brände:

audioTracks(){AudioTrackList}

Holen Sie sich die AudioTrackList

Gibt zurück:
AudioTrackList

verwischen()

Entferne den Fokus von dieser Komponente

Überschreibungen:

gepuffert() → {ZeitBereich}

Rrufen Sie ein TimeRange-Objekt zum Puffern ab und erstellen Sie es.

Gibt zurück:
TimeRange -

Das Zeitbereichsobjekt, das erstellt wurde.

bufferedPercent() → {Anzahl}

Ruft den Prozentsatz des aktuellen Videos ab, das derzeit gepuffert ist.

Gibt zurück:
nummer -

Eine Zahl von 0 bis 1, die den Dezimalprozentsatz des gepufferten Videos darstellt.

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:

cancelVideoFrameCallback(id)

Eine Fallback-Implementierung von CancelVideoFrameCallback

Parameter:
Nennen Typ Beschreibung
id Zahl

ID des Rückrufs, der storniert werden soll

kinder() → {Array}

Holen Sie sich ein Array aller untergeordneten Komponenten

Gibt zurück:
Array -

Die Kinder

Überschreibungen:

cleanupAutoTextTracks()

Entfernen Sie alle TextTracks, die über AddremoteTextTrack hinzugefügt wurden und für die automatische Garbage Collection gekennzeichnet sind

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:

ClearTracks(Typen)

Löschen Sie eine einzelne TrackList oder ein Array von TrackLists mit ihren Namen.

Hinweis: Techniker ohne Quellhandler sollten dies zwischen Quellen für Video - und Audiospuren aufrufen. Du willst sie nicht zwischen Tracks benutzen!

Parameter:
Nennen Typ Beschreibung
Typen Array.<string> | string

TrackList-Namen zu löschen, gültige Namen sind Video , Audio- , und Text.

contentEl() → {Element}

Gibt das DOM-Element der Komponentezurück. Hier werden Kinder eingefügt. Dies ist normalerweise das gleiche wie das in Component #el zurückgegebene Element.

Gibt zurück:
Element -

Das Inhaltselement für diese Komponente.

Überschreibungen:

createEl(tagNameopt, propertiesopt, attributesopt) → {Element}

Erstellen Sie das DOM-Element der Komponente.

Parameter:
Nennen Typ Attribute Beschreibung
tagName String <optional>

DOM-Knotentyp des Elements. zB 'div'

immobilien Objekt <optional>

Ein Objekt von Eigenschaften, das festgelegt werden soll.

Attribute Objekt <optional>

Ein Objekt von Attributen, das festgelegt werden soll.

Gibt zurück:
Element -

Das Element, das erstellt wird.

Überschreibungen:

createRemoteTextTrack(options){HTMLTrackElement}

Erstellen Sie einen emulierten TextTrack zur Verwendung durch AddremoteTextTrack

Dies soll durch Klassen außer Kraft gesetzt werden, die von Tech erben, um native oder benutzerdefinierte TextTracks zu erstellen.

Parameter:
Nennen Typ Beschreibung
Optionen Objekt

Das Objekt sollte die Optionen enthalten, mit denen Sie den TextTrack initialisieren können.

Immobilien
Nennen Typ Attribute Beschreibung
freundlich String <optional>

TextTrack kind (Untertitel, Beschriftungen, Beschreibungen, Kapitel oder Metadaten).

etikett String <optional>

Beschriftung zur Identifizierung der Textspur

Sprache String <optional>

Abkürzung der Sprache mit zwei Buchstaben.

Gibt zurück:
HtmlTrackElement-

Das Track-Element, das erstellt wird.

abstrakt crossOrigin()

Holen Sie sich den Wert von crossOrigin von der techn.

Siehe:

currentDimension(widthOrHeight) → {number}

Erhalten Sie die berechnete Breite oder die Höhe des Elements der Komponente.

Verwendet window.GetComputedStyle.

Parameter:
Nennen Typ Beschreibung
widthorHeight String

Eine Zeichenkette, die 'Breite' oder 'Höhe' enthält. Welchen auch immer du kriegen willst.

Gibt zurück:
nummer -

Die Dimension, nach der gefragt wird, oder 0, wenn für diese Dimension nichts festgelegt wurde.

Überschreibungen:

currentDimensions(){Component~DimensionObject}

Holen Sie sich ein Objekt, das berechnete Breiten- und Höhenwerte des Elements der Komponente enthält.

Verwendet window.GetComputedStyle.

Gibt zurück:
component~dimensionObject-

Die berechneten Dimensionen des Elements der Komponente.

Überschreibungen:

aktuelleHöhe() → {Zahl}

Erhalten Sie die berechnete Höhe des Elements der Komponente.

Verwendet window.GetComputedStyle.

Gibt zurück:
nummer -

Die berechnete Höhe des Elements der Komponente.

Überschreibungen:

currentWidth() → {Anzahl}

Regt die berechnete Breite des Elements der Komponente ab.

Verwendet window.GetComputedStyle.

Gibt zurück:
nummer -

Die berechnete Breite des Elements der Komponente.

Überschreibungen:

dimension(widthOrHeight, numopt, skipListenersopt) → {number}

Regt die Breite oder Höhe des Komponentenelements ab oder legen Sie sie fest. Dies ist der freigegebene Code für die Komponente #width und Komponente #height.

Dinge zu wissen:

  • Wenn die Breite oder Höhe in einer Zahl die Zahl zurückgegeben wird, wird die Zahl zurückgegeben, die mit „px“ verschoben wurde.
  • Wenn die Breite/Höhe ein Prozent ist, wird der Prozentsatz zurückgegeben, der mit '%' nachfixiert wurde
  • Versteckte Elemente haben eine Breite von 0 mit window.getComputedStyle. Diese Funktion ist standardmäßig auf die KomponenteS Stil.Breite und fällt zurück auf window.getComputedStyle. Sehen Dies für mehr Informationen
  • Wenn Sie den berechneten Stil der Komponente wünschen, verwenden Sie Component #currentWidth und {Component #currentHeight
Parameter:
Nennen Typ Attribute Beschreibung
widthorHeight String

8 "Breite" oder "Höhe

num Nummer | string <optional>

8 Neue Dimension

SkipListener boolescher Wert <optional>

Komponentresize-Ereignisauslöser überspringen

Brände:
Gibt zurück:
nummer -

Die Dimension beim Abrufen oder 0 wenn nicht gesetzt

Überschreibungen:

Maße(Breite, Höhe)

Stellen Sie sowohl die Breite als auch die Höhe des Komponentenelements gleichzeitig ein.

Parameter:
Nennen Typ Beschreibung
Breite Nummer | string

Breite, auf die das Element der Komponentefestgelegt werden soll.

Höhe Nummer | string

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

Überschreibungen:

abstrakt deaktivierenPictureInPicture()

Eine Methode zum Überprüfen des Werts von 'disablePictureInPicture'

entsorgen()

Deaktivieren Sie alle Event-Polyfills, deaktivieren Sie das TechnikS AudioTrackListe , VideoTrackList , und TextTrackList , und entsorgen Sie diese Tech.

Brände:
Überschreibungen:

el() → {Element}

Holen Sie sich das DOM-Element der Komponente

Gibt zurück:
Element -

Das DOM-Element für diese Komponente.

Überschreibungen:

emulateTextTracks()

Emulieren Sie Texttracks

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:

error(erropt){MediaError|null}

Erhalte oder setze einen Fehler auf dem Tech.

Parameter:
Nennen Typ Attribute Beschreibung
irren MediaError <optional>

Fehler beim Einstellen auf den Tech

Gibt zurück:
MediaError | null -

Das aktuelle Fehlerobjekt auf der Technologie oder null, wenn es keines gibt.

fokus()

Setzen Sie den Fokus auf diese Komponente

Überschreibungen:

getAttribute(attribute) → {string|null}

Rufen Sie den Wert eines Attributs auf dem . ab Komponentes-Element.

Parameter:
Nennen Typ Beschreibung
Attribut String

Name des Attributs, von dem der Wert abgerufen werden soll.

Gibt zurück:
string | null -
  • Der Wert des angeforderten Attributs. - Kann in einigen Browsern eine leere Zeichenfolge sein, wenn das Attribut nicht existiert oder keinen Wert hat - Die meisten Browser geben null zurück, wenn das Attribut nicht existiert oder keinen Wert hat.
Überschreibungen:
Siehe:

getChild(name){Komponente|undefiniert}

Gibt die untergeordnete Komponente mit dem angegebenen Namen zurück.

Parameter:
Nennen Typ Beschreibung
Name String

Der Name der abzurufen untergeordneten Komponente.

Gibt zurück:
Komponente | undefiniert -

Die untergeordnete Komponente mit dem Vornamen oder undefined.

Überschreibungen:

getChildById(id){Component|undefined}

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

Parameter:
Nennen Typ Beschreibung
id String

Die ID der abzurufen untergeordneten Komponente.

Gibt zurück:
Komponente | undefiniert -

Die untergeordnete Komponente mit der angegebenen ID oder undefined.

Überschreibungen:

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

Gibt die nachkommende Komponente nach den Namen des givent-Nachkommen zurück. Zum Beispiel würde ['foo', 'bar', 'baz'] versuchen, 'foo' auf der aktuellen Komponente, 'bar' auf der 'foo'-Komponente und 'baz' auf der 'bar'-Komponente zu erhalten und undefiniert zurückzugeben, wenn eine dieser Komponenten nicht existiert.

Parameter:
Nennen Typ Attribute Beschreibung
Namen ... Array.<string> | string <wiederholbar>

Der Name der abzurufen untergeordneten Komponente.

Gibt zurück:
Komponente | undefiniert -

Der Nachkomme Komponente nach dem angegebenen Nachkommen Namen oder undefiniert.

Überschreibungen:

abstrakt getVideoPlaybackQuality() → {Objekt}

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

Gibt zurück:
Objekt -

Ein Objekt mit unterstützten Metriken für die Medienwiedergabe

Siehe:

HandleKeyDown(Ereignis)

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

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

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

Überschreibungen:

HandleKeyPress(Ereignis)

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:

hasClass(classToCheck) → {boolean}

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

Parameter:
Nennen Typ Beschreibung
ClasstoCheck String

Zu überprüfende CSS-Klassenname.

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

höhe(numopt, skipListenersopt) → {number|string}

Regt die Höhe der Komponente basierend auf den CSS-Stilen ab oder legt sie fest. Weitere Informationen finden Sie unter Komponente #dimension.

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

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

SkipListener boolescher Wert <optional>

Überspringen Sie den componentresize-Ereignisauslöser

Gibt zurück:
Nummer | string -

Die Breite beim Erhalten, Null wenn keine Breite vorhanden ist. Kann eine Zeichenkette mit dem Zusatz '%' oder 'px' sein.

Überschreibungen:

hide()

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

Überschreibungen:

id() → {String}

Holen Sie sich die ID dieser Komponente

Gibt zurück:
string -

Die ID dieser Komponente

Überschreibungen:

initChildren()

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

Überschreibungen:

initTrackListener()

Schalten Sie Listener für VideoTrackList-, {AudioTrackList- und TextTrackList-Ereignisse ein.

Dies fügt eventTarget~EventListener für addtrack und removetrack hinzu.

Brände:

isDisposed() → {boolean}

Prüfen Sie, ob diese Komponente entsorgt wurde oder nicht.

Gibt zurück:
boolescher Wert -

Wenn das Bauteil entsorgt wurde, ist wahr. Ansonsten falsch.

Überschreibungen:

localize(string, tokensopt, defaultValueopt) → {string}

Lokalisieren Sie eine Zeichenfolge mit der Zeichenfolge in Englisch.

Wenn Token angegeben werden, wird versucht, einen einfachen Token-Ersatz für die bereitgestellte Zeichenfolge auszuführen. Die Token, nach denen gesucht wird, sehen aus wie {1} , wobei der Index im Token-Array mit 1 indiziert ist.

Wenn ein DefaultValue angegeben wird, wird diese Over-Zeichenfolge verwendet, wenn in den bereitgestellten Sprachdateien kein Wert gefunden wird. Dies ist nützlich, wenn Sie einen beschreibenden Schlüssel für den Token-Ersatz haben möchten, aber eine prägnante lokalisierte Zeichenfolge haben und nicht erforderlich ist, dass en.json eingeschlossen werden muss.

Derzeit wird es für das Timing des Fortschrittsbalkens verwendet.

{
  "Fortschrittsbalken-Timing: currentTime={1} duration={2}": "{1} von {2}"
}

Es wird dann so benutzt:

this.localize('progress bar timing: currentTime={1} duration{2}',
              [this.player_.currentTime(), this.player_.duration()],
              '{1} von {2}');

Was gibt etwas aus wie: 01:23 von 24:56.

Parameter:
Nennen Typ Attribute Beschreibung
String String

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

Token Array.<Zeichenfolge> <optional>

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

defaultValue String <optional>

Standardmäßig ist String. Kann ein Standardwert sein, der für den Austausch von Token verwendet werden soll, wenn der Nachschlageschlüssel getrennt sein muss.

Gibt zurück:
string -

Die lokalisierte Zeichenfolge oder wenn keine Lokalisierung existiert, die englische Zeichenfolge.

Überschreibungen:

ManualProgressoFF()

Deaktivieren Sie das Polyfill für Fortschrittsereignisse, die in Tech #manualProgressOn erstellt wurden

ManualProgresson()

Polyfill das Fortschrittereignis für Browser, die es nicht nativ unterstützen.

Siehe:

ManualTimeUpdateSoff()

Deaktivieren Sie das Polyfill für Timeupdate-Ereignisse, die in Tech #manualTimeUpdatesOn erstellt wurden

ManualTimeUpdatesOn()

Polyfill das timeupdate-Ereignis für Browser, die es nicht unterstützen.

Siehe:

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:

OnDurationChange(Ereignis)

Aktualisieren Sie unsere interne Dauer bei einem Daueränderungs-Ereignis, indem Sie Tech #duration anrufen.

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

Das durationchange-Ereignis, das dazu geführt hat, dass dies ausgeführt wurde.

Hört auf Ereignisse:
  • Tech #Ereignis:Durationchange

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:

abstrakt überschreibenNativeAudioTracks(überschreiben)

Versuchen Sie, die Überschreibung nativer Audiospuren zu erzwingen.

Parameter:
Nennen Typ Beschreibung
überschreiben boolescher Wert

Wenn auf „True“ eingestellt wird, wird natives Audio überschrieben, andernfalls wird möglicherweise natives Audio verwendet.

abstrakt overrideNativeVideoTracks(überschreiben)

Versuchen Sie, die Überschreibung nativer Videospuren zu erzwingen.

Parameter:
Nennen Typ Beschreibung
überschreiben boolescher Wert

Wenn auf True Native Video eingestellt ist, wird das native Video überschrieben, andernfalls wird möglicherweise natives Video verwendet.

abstrakt abspielen()

Wiedergabe starten

Siehe:

gespielt() → {Zeitbereich}

Gibt die TimeRanges zurück, die für die aktuelle Quelle durchgespielt wurden.

HINWEIS: Diese Implementierung ist unvollständig. Der gespielte TimeRange wird nicht verfolgt. Es prüft nur, ob die Quelle überhaupt abgespielt wurde oder nicht.

Gibt zurück:
TimeRange -
  • Ein einzelner Zeitbereich, wenn dieses Video abgespielt wurde — Ein leerer Satz von Bereichen, wenn nicht.

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:

abstrakt spieltinline()

Eine Methode, um das Vorhandensein der 'playsinline' zu überprüfen

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:

remoteTextTrackEls(){HtmlTrackElementList}

Holen Sie sich das Remote-Element HtmlTrackElementList

Gibt zurück:
HtmlTrackElementList

remoteTextTracks(){TextTrackList}

Holen Sie sich das Remote-Element textTrackList

Gibt zurück:
TextTrackList

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(Spur)

Entfernen Sie eine Remote-Textspur aus der Remote-TextTrackList.

Parameter:
Nennen Typ Beschreibung
verfolgen TextTrack

TextTrack zum Entfernen aus der TextTrackList

requestAnimationFrame(fn) → {Nummer}

Stellt einen Rückruf in die Warteschlange, der an RequestAnimationFrame (raF) weitergeleitet werden soll, jedoch mit ein paar zusätzlichen Boni:

Parameter:
Nennen Typ Beschreibung
fn Component~GenericCallback

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

Hört auf Ereignisse:
Gibt zurück:
nummer -

Gibt eine Raf-ID zurück, die zur Identifizierung des Timeouts verwendet wird. Es kann auch in Component #cancelAnimationFrame verwendet werden, um den Rückruf des Animationsrahmens abzubrechen.

Überschreibungen:
Siehe:

RequestNamedAnimationFrame(name, fn)

Fordern Sie einen Animationsframe an, aber nur ein benannter Animationsframe wird in die Warteschlange gestellt. Ein anderer wird nie hinzugefügt, bis der vorherige beendet ist.

Parameter:
Nennen Typ Beschreibung
Name String

Der Name, der diesem RequestAnimationFrame gegeben werden soll

fn Component~GenericCallback

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

Überschreibungen:

abstrakte requestPictureInPicture() → {promise|undefiniert}

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

Gibt zurück:
Versprechen | unbestimmtes -

Eine Zusage mit einem Bild-in-Bild-Fenster, wenn der Browser Promises unterstützt (oder eine als Option übergeben wurde). Andernfalls wird undefiniert zurückgegeben.

Siehe:

requestVideoFrameCallback(cb) → {Nummer}

Eine Fallback-Implementierung von RequestVideoFrameCallback mit RequestAnimationFrame

Parameter:
Nennen Typ Beschreibung
cb Funktion
Gibt zurück:
nummer -

Anfrage-ID

abstrakt zurücksetzen()

Setzen Sie die Technologie zurück, wodurch alle Quellen entfernt und den internen ReadyState zurückgesetzt wird.

abstrakt schrubben()

Erfahren Sie, ob wir schrubben oder nicht

Siehe:

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:

abstrakt setCrossOrigin(CrossOrigin)

Stellen Sie den Wert von ein crossOrigin auf die techn.

Parameter:
Nennen Typ Beschreibung
CrossORIGIN String

der crossOrigin-Wert

Siehe:

setCurrentTime()

Bewirkt, dass ein manuelles Zeitupdate auftritt, wenn Tech #manualTimeUpdatesOn zuvor aufgerufen wurde.

Brände:

abstrakt setDisablePictureInPicture()

Eine Methode zum Festlegen oder Aufheben des 'disablePictureInPicture'

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:

abstrakt setPlaysinline()

Eine Methode zum Setzen oder Aufheben der 'playsinline'

abstrakt setPoster()

Eine Methode, um ein Poster von einem Tech zu setzen.

abstrakt SetSchrubben()

Legen Sie fest, ob wir schrubben oder nicht

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:

StopTrackingCurrentTime()

Stoppen Sie die in Tech #trackCurrentTime erstellte Intervallfunktion, damit das timeupdate-Ereignis nicht mehr ausgelöst wird.

Hört auf Ereignisse:
  • (Tech#event:pause)

StopTrackingProgress()

Deaktivieren Sie das Polyfill für Fortschrittereignisse, die in Tech #manualProgressOn erstellt wurden. Stoppen Sie die manuelle Verfolgung von Fortschrittereignissen, indem Sie das in Tech festgelegte Intervall löschen #trackProgress.

textTracks(){TextTrackList}

Holen Sie sich die TextTrackList

Gibt zurück:
TextTrackList

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:

TrackCurrentTime()

Richtet eine Intervallfunktion ein, um die aktuelle Uhrzeit zu verfolgen und die Zeitaktualisierung alle 250 Millisekunden auszulösen.

Hört auf Ereignisse:
  • Tech #Ereignis:spielen

TrackProgress(Ereignis)

Dies wird verwendet, um ein Fortschrittereignis auszulösen, wenn sich der gepufferte Prozent ändert. Es legt eine Intervallfunktion fest, die alle 500 Millisekunden aufgerufen wird, um zu überprüfen, ob sich der Pufferendprozentsatz geändert hat.

Diese Funktion wird von Tech #manualProgressOn aufgerufen

Parameter:
Nennen Typ Beschreibung
Ereignis eventTarget~Event

Das fertige Ereignis, das dazu geführt hat, dass dies ausgeführt wurde.

Brände:
Hört auf Ereignisse:

triggerReady()

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

Brände:
Überschreibungen:

TriggerSourceSet(src)

Eine spezielle Funktion, um die Quelle auszulösen, die es dem Spieler ermöglicht, erneut auszulösen, wenn der Spieler oder der Tech noch nicht bereit sind.

Parameter:
Nennen Typ Beschreibung
src String

Die Quellzeichenfolge zum Zeitpunkt der Änderung der Quelle.

Brände:

videoTracks(){VideoTrackList}

Holen Sie sich die VideoTrackList

Gibt zurück:
VideoTrackList

width(numopt, skipListenersopt) → {number|string}

Regt die Breite der Komponente basierend auf den CSS-Stilen ab oder legt sie fest. Weitere Informationen finden Sie unter Komponente #dimension.

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

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

SkipListener boolescher Wert <optional>

Überspringen Sie den componentresize-Ereignisauslöser

Gibt zurück:
Nummer | string -

Die Breite beim Erhalten, Null wenn keine Breite vorhanden ist. Kann eine Zeichenkette mit dem Zusatz '%' oder 'px' sein.

Überschreibungen:

Geben Sie Definitionen ein

SourceObject

Ein Objekt, das eine Struktur wie: {src: 'url', type: 'mimetype'} oder einen String, der nur die src-URL enthält.

  • var SourceObject = {src: 'http://ex.com/video.mp4', type: 'video/mp4'}; var SourceString = 'http://example.com/some-video.mp4';
Eigenschaften:
Nennen Typ Beschreibung
src String

Die URL zur Quelle

Typ String

Der Mime-Typ der Quelle

Veranstaltungen

Audiotrackchange

Wird ausgelöst, wenn Tracks auf der Tech AudioTrackList hinzugefügt oder entfernt werden

Typ:

componentresize

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

Typ:
Überschreibungen:

entsorgen

Wird ausgelöst, wenn eine Komponente entsorgt wird.

Typ:
Hörer dieser Veranstaltung:
Eigenschaften:
Nennen Typ Attribute Standardwert Beschreibung
Blasen boolescher Wert <optional>
falsch

auf false gesetzt, damit das Dispose-Ereignis nicht sprudelt

Überschreibungen:

Fortschritt

Siehe Spieler #progress

Typ:

bereit

Wird ausgelöst, wenn eine Komponente bereit ist.

Typ:
Hörer dieser Veranstaltung:
Überschreibungen:

sourceset

Wird ausgelöst, wenn die Quelle auf der Technologie eingestellt ist, wodurch das Medienelement neu geladen wird.

Typ:
Siehe:

tippen

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

Typ:
Überschreibungen:

texttrackchange

Wird ausgelöst, wenn Tracks auf der Tech TextTrackList hinzugefügt oder entfernt werden

Typ:

Zeitaktualisierung

Trigger timeupdate, weil wir mit der Suche fertig sind und sich die Zeit geändert hat. Dies ist besonders nützlich, wenn der Spieler angehalten wird, bis die Uhrzeit angezeigt wird.

Typ:

Zeitaktualisierung

Wird in einem Intervall von 250 ms ausgelöst, um anzugeben, dass die Zeit im Video vergeht.

Typ:

Zeitaktualisierung

Ein manuelles Timeupdate-Ereignis.

Typ:

Videotrackwechsel

Wird ausgelöst, wenn Tracks auf der Tech VideoTrackList hinzugefügt oder entfernt werden

Typ:

vttjsloaded

Wird ausgelöst, wenn vtt.js geladen wird.

Typ:

vttjsloaded

Wird ausgelöst, als vtt.js aufgrund eines Fehlers nicht geladen wurde

Typ: