HTML5(Optionenopt , bereit)

HTML5 Mediencontroller - Wrapper für HTML5 Media API

Neu HTML5(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.

Mischt sich ein:
  • Tech~SourceHandlerAdditions

Verlängert

Mitglieder

FeaturesFullScreenResize :boolean

Boolescher Wert, der angibt, ob die HTML5-Technologie derzeit die automatische Medienänderung unterstützt, wenn er in den Vollbildmodus geht.

Überschreibungen:
Standardwert:
  • wahr

FeaturesMuteControl :bolean

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

Überschreibungen:
  • Tech#featuresMuteControl
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.

Überschreibungen:

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

FeaturesProgressEvents :boolean

Boolescher Wert, der angibt, ob die HTML5-Technologie derzeit das Fortschrittsereignis unterstützt. Wenn dies falsch ist, manuell Fortschritt Stattdessen werden Ereignisse ausgelöst.

Überschreibungen:
Standardwert:
  • wahr

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.

Überschreibungen:
  • Tech#featuresSourceset

FeaturestimeUpdateEvents

Boolescher Wert, der angibt, ob die HTML5-Technologie derzeit das timeupdate-Ereignis unterstützt. Wenn dies falsch ist, manuell Zeitupdate Stattdessen werden Ereignisse ausgelöst.

Überschreibungen:
Standardwert:
  • wahr

featuresVideoFrameCallback:boolean

Ob das HTML5-El RequestVideoFrameCallback unterstützt

Überschreibungen:

FeaturesVolumeControl :boolean

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

Überschreibungen:
Standardwert:
  • wahr

MovingMediaElementinDom :boolean

Boolescher Wert, der angibt, ob die HTML5-Technologie derzeit das Medienelement unterstützt, das sich im DOM bewegt. iOS bricht zusammen, wenn Sie das Medienelement verschieben, daher wird dies dort auf false gesetzt. Überall sonst sollte das stimmen.

statisch nativeSourceHandler

Native Source-Handler für Html5, übergibt die Quelle einfach an das Medienelement.

Eigenschaften:
Nennen Typ Beschreibung
Quelle Tech~SourceObject

Das Quellobjekt

Tech Html5

Die Instanz der HTML5-Technologie.

Methoden

$(Selektor, Kontextopt) → {Element|null}

Suchen Sie ein einzelnes DOM-Element, das einem Selektor entspricht. Dies kann innerhalb der KomponenteS contentEl() oder einen anderen benutzerdefinierten Kontext.

Parameter:
Nennen Typ Attribute Standardwert Beschreibung
Selektor String

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

Kontext Element | string <optional>
this.contentel ()

Ein DOM-Element, in dem abgefragt werden soll. Kann auch eine Selektorzeichenfolge sein, in diesem Fall wird das erste übereinstimmende Element als Kontext verwendet. Falls fehlt this.contentEl() verwendet wird. Wenn this.contentel () nichts zurückgibt, fällt es auf das Dokument zurück.

Gibt zurück:
Element | null -

das Dom-Element, das gefunden wurde, oder null

Überschreibungen:
Siehe:

$$(selector, contextopt) → {NodeList}

Findet alle DOM-Elemente, die einem Selektor entsprechen. Dies kann innerhalb der KomponenteS contentEl() oder einen anderen benutzerdefinierten Kontext.

Parameter:
Nennen Typ Attribute Standardwert Beschreibung
Selektor String

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

Kontext Element | string <optional>
this.contentel ()

Ein DOM-Element, in dem abgefragt werden soll. Kann auch eine Selektorzeichenfolge sein, in diesem Fall wird das erste übereinstimmende Element als Kontext verwendet. Falls fehlt this.contentEl() verwendet wird. Wenn this.contentel () nichts zurückgibt, fällt es auf das Dokument zurück.

Gibt zurück:
NodeList -

eine Liste von Dom-Elementen, die gefunden wurden

Überschreibungen:
Siehe:

addChild(Kind, optionsopt, indexopt){Komponente}

Fügen Sie eine untergeordnete Komponente innerhalb der aktuellen Komponente hinzu.

Parameter:
Nennen Typ Attribute Standardwert Beschreibung
Kind string | Komponente

Der Name oder die Instanz eines hinzuzufügenden Kindes.

Optionen Objekt <optional>
{}

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

Index Zahl <optional>
this.Children_.length

Der Index, in den versucht wird, ein Kind hinzuzufügen.

Gibt zurück:
Komponente-

Die Komponente, die als untergeordnetes Element hinzugefügt wird. Bei Verwendung einer Zeichenfolge wird die Komponente wird durch diesen Prozess erstellt.

Überschreibungen:

addClass(ClassToAdd)

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

Parameter:
Nennen Typ Beschreibung
ClassToAdd String

Hinzufügen von CSS-Klassenname

Überschreibungen:

addRemoteTextTrack(options, manualCleanupopt){HTMLTrackElement}

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

Parameter:
Nennen Typ Attribute Standardwert Beschreibung
Optionen Objekt

Das Objekt sollte Werte für Art, Sprache, Label und src enthalten (Speicherort der WebVTT-Datei)

ManualCleanup boolescher Wert <optional>
wahr

falls auf false gesetzt, wird der TextTrack automatisch aus dem Videoelement entfernt, wenn sich die Quelle ändert

Gibt zurück:
HtmlTrackElement-

Ein Html-Spurelement. Dies kann ein emuliertes HtmlTrackElement oder ein natives sein.

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

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.

Überschreibungen:

addWebVttScript_()

Emulieren Sie bei Bedarf TextTracks mit vtt.js

Brände:
Überschreibungen:

audioTracks(){AudioTrackList}

Holen Sie sich die AudioTrackList

Gibt zurück:
AudioTrackList
Überschreibungen:

autoplay() → {boolean}

Holen Sie sich den Wert von Autoplay aus dem Medienelement. Autoplay zeigt an, dass das Medium mit der Wiedergabe beginnen sollte, sobald die Seite fertig ist.

Gibt zurück:
boolescher Wert -
  • Der Wert von Autoplay aus dem Medienelement. - True gibt an, dass das Medium gestartet werden soll, sobald die Seite geladen wird. - False gibt an, dass das Medium nicht gestartet werden soll, sobald die Seite geladen wird.
Siehe:

verwischen()

Entferne den Fokus von dieser Komponente

Überschreibungen:

gepuffert() → {ZeitBereich}

Ruft den Wert von gepuffert aus dem Medienelement ab. buffered ist ein TimeRange-Objekt, das die Teile des Mediums darstellt, die bereits heruntergeladen und für die Wiedergabe verfügbar sind.

Gibt zurück:
TimeRange -

Der Wert von gepuffert aus dem Medienelement.

Überschreibungen:
Siehe:

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.

Überschreibungen:

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)

Systemeigener RequestVideoFrameCallback oder Fallback-RequestVideoFrameCallback

Parameter:
Nennen Typ Beschreibung
id Zahl

Anfrage-ID zum Stornieren

Überschreibungen:

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

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

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.

Überschreibungen:

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:

controls() → {boolean}

Regt den Wert von Steuerelementen aus dem Medienelement ab. Steuerelemente zeigen an, ob die Steuerelemente für native Medien ein- oder ausgeblendet werden sollen.

Gibt zurück:
boolescher Wert -
  • Der Wert der Steuerelemente aus dem Medienelement. - True gibt an, dass systemeigene Steuerelemente angezeigt werden sollen. - False gibt an, dass systemeigene Steuerelemente ausgeblendet werden sollen.
Siehe:

createEl() → {Element}

Erstellen Sie das DOM-Element der Html5 Tech.

Gibt zurück:
Element -

Das Element, das erstellt wird.

Überschreibungen:

createRemoteTextTrack(options){HTMLTrackElement}

Erstellt je nach Wert von FeaturesNativeTextTracks entweder nativen TextTrack oder einen emulierten TextTrack

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.

Standardwert boolescher Wert <optional>

Standardmäßig ist dieser Track auf on.

id String <optional>

Die interne ID zum Zuweisen dieser Spur.

src String <optional>

Eine Quell-URL für den Track.

Gibt zurück:
HtmlTrackElement-

Das Track-Element, das erstellt wird.

Überschreibungen:

crossOrigin() → {Zeichenfolge}

Holen Sie sich den Wert von crossOrigin aus dem Medienelement. crossOrigin zeigt dem Browser an, der die Cookies zusammen mit den Anforderungen für die verschiedenen Assets/Playlists senden soll

Gibt zurück:
string -
  • anonymous gibt an, dass die Medien keine Cookies senden sollen. - use-credentials gibt an, dass die Medien Cookies bei den Anfragen mitsenden sollen.
Überschreibungen:
  • Tech#crossOrigin
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:

currentSrc() → {tech~sourceObject}

Holen Sie sich die aktuelle Quelle des HTML5 Tech. Greift auf die Rückgabe der Quelle aus dem HTML5-Medienelement zurück.

Gibt zurück:
Tech~SourceObject-

Das aktuelle Quellobjekt der HTML5-Technologie. Mit einem Fallback auf die Elementquelle.

currentTime() → {Zahl}

Holen Sie sich den Wert von CurrentTime aus dem Medienelement. CurrentTime gibt die aktuelle Sekunde an, in der sich das Medium in der Wiedergabe befindet.

Gibt zurück:
nummer -

Der Wert von CurrentTime aus dem Medienelement.

Siehe:

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:

defaultMuted() → {boolean}

Regt den Wert von defaultMuted aus dem Medienelement ab. defaultMuted gibt an, ob das Medium stumm gestartet werden soll oder nicht. Ändert nur den Standardzustand des Mediums. stummgeschaltet und StandardStummgeschaltet kann unterschiedliche Werte haben. Html5#muted zeigt den aktuellen Zustand an.

Gibt zurück:
boolescher Wert -
  • Der Wert von defaultMuted aus dem Medienelement. - True gibt an, dass das Medium stummgeschaltet werden soll. - False gibt an, dass das Medium nicht stummgeschaltet werden soll.
Siehe:

defaultPlaybackRate() → {Zahl}

Holen Sie sich den Wert von defaultPlaybackRate aus dem Medienelement. defaultPlaybackRate gibt die Geschwindigkeit an, mit der das Medium derzeit wiedergegeben wird. Dieser Wert zeigt nicht den Strom an Wiedergabegeschwindigkeit Nachdem die Wiedergabe gestartet wurde, verwenden Sie Html5#playbackRate dafür.

Beispiele:

  • Wenn defaultPlaybackRate auf 2 gesetzt ist, werden Medien doppelt so schnell abgespielt.
  • Wenn defaultPlaybackRate auf 0.5 gesetzt ist, werden die Medien halb so schnell abgespielt.
Gibt zurück:
nummer -

Der Wert von defaultPlayBackRate aus dem Medienelement. Eine Zahl, die die aktuelle Wiedergabegeschwindigkeit des Mediums angibt, wobei 1 die normale Geschwindigkeit ist.

Siehe:

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:

disablePictureInPicture() → {boolean}

Ruft den Wert von 'disablePictureInPicture' aus dem Videoelement ab.

Gibt zurück:
boolescher Wert -

Wert — Der Wert von disablePictureInPicture aus dem Videoelement. - True gibt an, dass das Video nicht im Bild-im-Bild-Modus abgespielt werden kann. - False gibt an, dass das Video im Bild-im-Bild-Modus abgespielt werden kann

Überschreibungen:
  • Tech#disablePictureInPicture
Siehe:

entsorgen()

Entsorgen Sie das HTML5-Medienelement und entfernen Sie alle Spuren.

Überschreibungen:

Dauer() → {Zahl}

Holen Sie sich die aktuelle Dauer des HTML5-Medienelements.

Gibt zurück:
nummer -

Die Dauer der Medien oder 0, wenn keine Dauer vorliegt.

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

Überschreibungen:
  • Tech#emulateTextTracks

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:

beendet() → {boolean}

Holen Sie sich den Wert von ended aus dem Medienelement. ended gibt an, ob die Medien das Ende erreicht haben oder nicht.

Gibt zurück:
boolescher Wert -
  • Der Wert von beendet aus dem Medienelement. - True gibt an, dass das Medium beendet ist. -False gibt an, dass das Medium nicht beendet wurde.
Siehe:

Vollbildmodus aktivieren()

Fordern Sie die HTML5 Tech auf, den Vollbildmodus einzugeben.

Fehler() → {MediaError|null}

Holen Sie sich den Wert der Error aus dem Medienelement. Error zeigt einen MediaError an, der während der Wiedergabe aufgetreten sein könnte. Wenn der Fehler null zurückgibt, liegt kein aktueller Fehler vor.

Gibt zurück:
MediaError | null -

Der Wert des Fehlers aus dem Medienelement. Wird MediaError sein, wenn ein aktueller Fehler vorliegt und andernfalls null.

Überschreibungen:
Siehe:

ExitFullScreen()

Fordern Sie an, dass der HTML5 Tech den Vollbildmodus beendet.

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:

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

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

handleLateInit_() → {undefiniert}

Dies wird ausgelöst, wenn das Loadstart-Ereignis bereits ausgelöst wurde, bevor Videojs fertig war. Zwei bekannte Beispiele dafür, wann dies passieren kann, sind:

  1. Wenn wir das Wiedergabeobjekt laden, nachdem es mit dem Laden begonnen hat
  2. Die Medien spielen dann schon das (oft mit Autoplay an)

Diese Funktion löst einen weiteren Loadstart aus, damit Videojs aufholen können.

Brände:
  • Tech #Ereignis:Loadstart
Gibt zurück:
undefiniert -

gibt nichts 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:

Höhe() → {Zahl}

Holen Sie sich die aktuelle Höhe des HTML5-Medienelements.

Gibt zurück:
nummer -

Die Höhe des HTML5-Medienelements.

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

isDisposed() → {boolean}

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

Gibt zurück:
boolescher Wert -

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

Überschreibungen:

laden()

Ein Wrapper um die Ladefunktion der Medienelemente. Dies ruft die Ladefunktion der Medienelemente des HTML5 auf.

Siehe:

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() → {boolean}

Holen Sie sich den Wert der Schleife aus dem Medienelement. -Schleife zeigt an, dass das Medium zum Anfang des Mediums zurückkehren und die Wiedergabe fortsetzen sollte, sobald es das Ende erreicht hat.

Gibt zurück:
boolescher Wert -
  • Der Wert von loop aus dem Medienelement. - True gibt an, dass die Wiedergabe zum Anfang zurückkehren soll, sobald das Ende eines Mediums erreicht ist. - False gibt an, dass die Wiedergabe nicht zum Anfang zurückkehren soll, wenn das Ende des Mediums erreicht ist.
Siehe:

ManualProgressoFF()

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

Überschreibungen:

ManualProgresson()

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

Überschreibungen:
Siehe:

ManualTimeUpdateSoff()

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

Überschreibungen:

ManualTimeUpdatesOn()

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

Überschreibungen:
Siehe:

stummgeschaltet() → {boolean}

Holen Sie sich den Wert von stumm aus dem Medienelement. gedämpft zeigt an, dass die Lautstärke für die Medien auf stumm eingestellt werden sollte. Dies ändert das Volume-Attribut nicht wirklich.

Gibt zurück:
boolescher Wert -
  • Wahr, wenn der Wert der Lautstärke ignoriert und das Audio auf stumm gestellt werden soll. - Falsch, wenn der Lautstärkewert verwendet werden soll.
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:

networkState() → {Nummer}

Regt den Wert von NetworkState aus dem Medienelement ab. NetworkState gibt den aktuellen Netzwerkstatus an. Es gibt eine Aufzählung aus der folgenden Liste zurück:

  • 0: NETWORK_EMPTY
  • 1: NETWORK_IDLE
  • 2: NETWORK_LOADING
  • 3: NETWORK_NO_SOURCE
Gibt zurück:
nummer -

Der Wert von NetworkState aus dem Medienelement. Dies wird eine Zahl aus der Liste in der Beschreibung sein.

Siehe:
  • https://www.w3.org/TR/html5/embedded-content-0.html#dom-media-networkstate

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

optionen(obj) → {Objekt}

Tiefes Zusammenführen von Optionsobjekten mit neuen Optionen.

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

Parameter:
Nennen Typ Beschreibung
obj Objekt

Das Objekt, das neue Optionen enthält.

Gibt zurück:
Objekt -

Ein neues Objekt von this.options_ und obj verschmolzen.

Überschreibungen:

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

Überschreibungen:
  • Tech#overrideNativeAudioTracks

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.

Überschreibungen:
  • Tech#overrideNativeVideoTracks

Pause()

Ein Wrapper um die Medienelemente Pause Funktion. Dies ruft die Pause-Funktion der HTML5-Medienelemente auf.

Siehe:

pausiert() → {boolean}

Holen Sie sich den Wert von pausiert aus dem Medienelement. pausiert gibt an, ob das Medienelement derzeit angehalten ist oder nicht.

Gibt zurück:
boolescher Wert -

Der Wert von pausiert aus dem Medienelement.

Siehe:

abspielen()

Ein Wrapper um die Medienelemente abspielen Funktion. Das ruft die HTML5s Medienelement abspielen Funktion.

Überschreibungen:
  • Tech#play
Siehe:

PlaybackRate() → {Zahl}

Holen Sie sich den Wert von PlayBackRate aus dem Medienelement. PlayBackRate gibt die Rate an, mit der das Medium gerade wiedergegeben wird. Beispiele:

  • wenn PlayBackRate auf 2 eingestellt ist, werden Medien doppelt so schnell abgespielt.
  • wenn PlayBackRate auf 0.5 eingestellt ist, werden Medien halb so schnell abgespielt.
Gibt zurück:
nummer -

Der Wert von PlayBackRate aus dem Medienelement. Eine Zahl, die die aktuelle Wiedergabegeschwindigkeit des Mediums angibt, wobei 1 die normale Geschwindigkeit ist.

Siehe:

gespielt() → {Zeitbereich}

Holen Sie sich den Wert von wiedergegeben aus dem Medienelement. played gibt ein TimeRange-Objekt zurück, das Punkte in der Medienzeitachse darstellt, die abgespielt wurden.

Gibt zurück:
TimeRange -

Der Wert von gespielt aus dem Medienelement. Ein TimeRange-Objekt, das die gespielten Zeitbereiche angibt.

Überschreibungen:
Siehe:

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() → {boolean}

Holen Sie sich den Wert von playsinline aus dem Medienelement. playsinline zeigt dem Browser an, dass die Nicht-Vollbild-Wiedergabe bevorzugt wird, wenn die Vollbild-Wiedergabe die native Standardeinstellung ist, z. B. in iOS Safari.

Gibt zurück:
boolescher Wert -
  • Der Wert von playsinline aus dem Medienelement. - True gibt an, dass das Medium inline abgespielt werden soll. - False gibt an, dass das Medium nicht inline abgespielt werden soll.
Überschreibungen:
Siehe:

plakat() → {Zeichenfolge}

Holen Sie sich den Wert von Poster aus dem Medienelement. Poster gibt an, dass die URL einer Bilddatei angezeigt wird, die angezeigt werden kann/wird, wenn keine Mediendaten verfügbar sind.

Gibt zurück:
string -

Der Wert von Poster aus dem Medienelement. Der Wert ist eine URL zu einem Bild.

Siehe:

preload() → {Zeichenfolge}

Rufe den Wert der Vorspannung aus dem Medienelement ab. preload gibt an, was heruntergeladen werden soll, bevor das Medium interagiert wird. Es kann folgende Werte haben:

  • none: nichts sollte heruntergeladen werden
  • Metadaten: Poster und die ersten Frames der Medien können heruntergeladen werden, um Mediendimensionen und andere Metadaten zu erhalten
  • auto: Erlauben Sie, dass die Medien und Metadaten für die Medien vor der Interaktion heruntergeladen werden
Gibt zurück:
string -

Der Wert der Vorspannung aus dem Medienelement. Es wird „keine“, „Metadaten“ oder „auto“ sein.

Siehe:

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}

Regt den Wert von ReadyState aus dem Medienelement ab. ReadyState gibt den aktuellen Status des Medienelements an. Es gibt eine Aufzählung aus der folgenden Liste zurück:

  • 0: HABEN_NICHTS
  • 1: HABEN_METADATEN
  • 2: HAVE_CURRENT_DATA
  • 3: HAVE_FUTURE_DATA
  • 4: HAVE_ENOUGH_DATA
Gibt zurück:
nummer -

Der Wert von ReadyState aus dem Medienelement. Dies wird eine Zahl aus der Liste in der Beschreibung sein.

Siehe:
  • https://www.w3.org/TR/html5/embedded-content-0.html#ready-states

remoteTextTrackEls(){HtmlTrackElementList}

Holen Sie sich das Remote-Element HtmlTrackElementList

Gibt zurück:
HtmlTrackElementList
Überschreibungen:

remoteTextTracks(){TextTrackList}

Holen Sie sich das Remote-Element textTrackList

Gibt zurück:
TextTrackList
Überschreibungen:

removeAttribute(Attribut)

Entfernt ein Attribut aus dem Element der Komponente.

Parameter:
Nennen Typ Beschreibung
Attribut String

Name des zu entfernenden Attributs.

Überschreibungen:
Siehe:

removeChild(Komponente)

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

Parameter:
Nennen Typ Beschreibung
Komponente Komponente

Das Kind Komponente zu entfernen.

Überschreibungen:

removeClass(ClassORemove)

Entfernt einen CSS-Klassennamen aus dem Element der Komponente.

Parameter:
Nennen Typ Beschreibung
ClassToRemove String

Zu entfernende CSS-Klassenname

Überschreibungen:

removeremoteTextTrack(Spur)

Entfernen Sie Remote TextTrack aus dem TextTrackList-Objekt

Parameter:
Nennen Typ Beschreibung
verfolgen TextTrack

Zu entfernendes TextTrack-Objekt

Überschreibungen:

requestAnimationFrame(fn) → {Nummer}

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

Parameter:
Nennen Typ Beschreibung
fn Component~GenericCallback

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

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

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

Überschreibungen:
Siehe:

RequestNamedAnimationFrame(name, fn)

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

Parameter:
Nennen Typ Beschreibung
Name String

Der Name, der diesem RequestAnimationFrame gegeben werden soll

fn Component~GenericCallback

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

Überschreibungen:

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.

Gibt zurück:
Verspreche -

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

Überschreibungen:
  • Tech#requestPictureInPicture
Siehe:

requestVideoFrameCallback(cb) → {Nummer}

Nativer RequestVideoFrameCallback, falls vom Browser/Tech unterstützt, oder Fallback Verwenden Sie rvCF nicht auf Safari, wenn DRM abgespielt wird, da es nicht ausgelöst wird. Muss später als der Konstruktor überprüft werden. Dies ist ein falsch positives Ergebnis für leere Quellen, die nach einer Fairplay-Quelle geladen werden

Parameter:
Nennen Typ Beschreibung
cb Funktion

Funktion zum Aufrufen

Gibt zurück:
nummer -

ID der Anfrage

Überschreibungen:

reset()

Setzen Sie die Technologie zurück, indem Sie alle Quellen entfernen und dann Html5.resetMediaElement aufrufen.

Überschreibungen:

scrubbing() → {boolean}

Erfahren Sie, ob wir schrubben oder nicht.

Gibt zurück:
boolescher Wert -

isScrubbing - wahr für wir schrubben gerade - falsch für wir schrubben nicht mehr

Überschreibungen:
  • Tech#scrubbing

suchbar() → {timeRange}

Holen Sie sich den Wert von suchbar aus dem Medienelement. seekable gibt ein TimeRange-Objekt zurück, das Zeitbereiche angibt, die derzeit angestrebt werden können.

Gibt zurück:
TimeRange -

Der Wert von suchbar aus dem Medienelement. Ein TimeRange-Objekt, das die aktuellen Zeitbereiche angibt, die angestrebt werden können.

Siehe:

suchen() → {boolean}

Holen Sie sich den Wert der Suche aus dem Medienelement. suche gibt an, ob die Medien derzeit eine neue Position anstreben oder nicht.

Gibt zurück:
boolescher Wert -
  • Der Wert der Suche nach dem Medienelement. - Wahr bedeutet, dass die Medien derzeit nach einer neuen Position suchen. - Falsch bedeutet, dass die Medien derzeit keine neue Position anstreben.
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:

setAutoplay(automatisches Abspielen)

Stellen Sie den Wert von Autoplay für das Medienelement ein. Autoplay zeigt an, dass das Medium mit der Wiedergabe beginnen sollte, sobald die Seite fertig ist.

Parameter:
Nennen Typ Beschreibung
automatisches Abspielen boolescher Wert
  • True gibt an, dass das Medium gestartet werden soll, sobald die Seite geladen wird. - False gibt an, dass das Medium nicht gestartet werden soll, sobald die Seite geladen wird.
Siehe:

setControls(val)

Legen Sie das Steuerelement Attribut für das HTML5-Medienelement fest.

Parameter:
Nennen Typ Beschreibung
Val String

Wert, auf den das Controls Attribut gesetzt werden soll

setCrossOrigin(CrossOrigin)

Stellen Sie den Wert von ein crossOrigin aus dem Medienelement. crossOrigin zeigt dem Browser an, der die Cookies zusammen mit den Anforderungen für die verschiedenen Assets/Playlists senden soll

Parameter:
Nennen Typ Beschreibung
CrossORIGIN String
  • anonymous gibt an, dass die Medien keine Cookies senden sollen. - use-credentials gibt an, dass die Medien Cookies bei den Anfragen mitsenden sollen.
Überschreibungen:
  • Tech#setCrossOrigin
Siehe:

setCurrentTime(Sekunden)

Stellen Sie die aktuelle Uhrzeit für die HTML5-Technologie ein.

Parameter:
Nennen Typ Beschreibung
Sekunden Zahl

Stellen Sie die aktuelle Uhrzeit der Medien darauf ein.

Überschreibungen:

setDefaultStumm(Standardeinstellung stumm)

Stellen Sie den Wert von ein StandardStummgeschaltet auf dem Medienelement. StandardStummgeschaltet zeigt an, dass der aktuelle Audiopegel stumm sein soll, aber nur den Stummschaltpegel bei der ersten Wiedergabe beeinflusst.

Parameter:
Nennen Typ Beschreibung
DefaultMumed boolescher Wert
  • True, wenn der Ton stumm geschaltet werden soll - False sonst
Siehe:

setDefaultPlaybackRate() → {Zahl}

Stellen Sie den Wert von ein defaultPlaybackRate auf dem Medienelement. defaultPlaybackRate gibt die Geschwindigkeit an, mit der das Medium beim ersten Start wiedergegeben werden soll. Wenn Sie diesen Wert ändern, nachdem ein Video gestartet wurde, hat dies keine Auswirkung. Stattdessen sollten Sie verwenden Html5#setPlaybackRate.

Beispielwerte:

  • wenn PlayBackRate auf 2 eingestellt ist, werden Medien doppelt so schnell abgespielt.
  • wenn PlayBackRate auf 0.5 eingestellt ist, werden Medien halb so schnell abgespielt.
Gibt zurück:
nummer -

Der Wert von defaultPlayBackRate aus dem Medienelement. Eine Zahl, die die aktuelle Wiedergabegeschwindigkeit des Mediums angibt, wobei 1 die normale Geschwindigkeit ist.

Siehe:

setDisablePictureInPicture(Wert)

Verhindert, dass der Browser in einigen Fällen ein Bild-in-Bild-Kontextmenü vorschlägt oder automatisch Bild-in-Bild anfordert.

Parameter:
Nennen Typ Beschreibung
Wert boolescher Wert

Der wahre Wert deaktiviert den Bild-in-Bild-Modus.

Überschreibungen:
  • Tech#setDisablePictureInPicture
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:

setLoop(Schleife)

Stellen Sie den Wert der Schleife für das Medienelement ein. -Schleife zeigt an, dass das Medium zum Anfang des Mediums zurückkehren und die Wiedergabe fortsetzen sollte, sobald es das Ende erreicht hat.

Parameter:
Nennen Typ Beschreibung
Schleife boolescher Wert
  • True gibt an, dass die Wiedergabe zum Anfang zurückkehren soll, sobald das Ende eines Mediums erreicht ist. - Falsch bedeutet, dass die Wiedergabe nicht zum Anfang zurückkehren soll, wenn das Ende des Mediums erreicht ist.
Siehe:

stummgeschaltet(stumm)

Stellen Sie den Wert von ein stummgeschaltet auf dem Medienelement. stummgeschaltet zeigt an, dass der aktuelle Audiopegel stumm sein soll.

Parameter:
Nennen Typ Beschreibung
gedämpft boolescher Wert
  • True, wenn der Ton stumm geschaltet werden soll - False sonst
Siehe:

setPlaybackRate() → {Zahl}

Stellen Sie den Wert von PlayBackRate für das Medienelement ein. PlayBackRate gibt die Rate an, mit der das Medium wiedergegeben werden soll. Beispiele:

  • wenn PlayBackRate auf 2 eingestellt ist, werden Medien doppelt so schnell abgespielt.
  • wenn PlayBackRate auf 0.5 eingestellt ist, werden Medien halb so schnell abgespielt.
Gibt zurück:
nummer -

Der Wert von PlayBackRate aus dem Medienelement. Eine Zahl, die die aktuelle Wiedergabegeschwindigkeit des Mediums angibt, wobei 1 die normale Geschwindigkeit ist.

Siehe:

setPlaysinline(Playsinline)

Stellen Sie den Wert von playsinline aus dem Medienelement ein. playsinline zeigt dem Browser an, dass die Nicht-Vollbild-Wiedergabe bevorzugt wird, wenn die Vollbild-Wiedergabe die native Standardeinstellung ist, z. B. in iOS Safari.

Parameter:
Nennen Typ Beschreibung
spielt online boolescher Wert
  • True gibt an, dass die Medien inline abgespielt werden sollen. - False gibt an, dass die Medien nicht inline abgespielt werden sollen.
Überschreibungen:
Siehe:

setPoster(Poster)

Stellen Sie den Wert des Poster für das Medienelement ein. Poster ist die URL zu einer Bilddatei, die angezeigt werden kann/wird, wenn keine Mediendaten verfügbar sind.

Parameter:
Nennen Typ Beschreibung
Plakat String

Die URL zu einem Bild, das als Poster für das Medienelement verwendet werden soll.

Überschreibungen:
Siehe:

setPreload(Vorspannung)

Stellen Sie den Wert der Vorspannung für das Medienelement ein. preload gibt an, was heruntergeladen werden soll, bevor das Medium interagiert wird. Es kann folgende Werte haben:

  • none: nichts sollte heruntergeladen werden
  • Metadaten: Poster und die ersten Frames der Medien können heruntergeladen werden, um Mediendimensionen und andere Metadaten zu erhalten
  • auto: Erlauben Sie, dass die Medien und Metadaten für die Medien vor der Interaktion heruntergeladen werden
Parameter:
Nennen Typ Beschreibung
vorladen String

Der Wert von Preload, der für das Medienelement festgelegt werden soll. Muss „keine“, „Metadaten“ oder „auto“ sein.

Siehe:

SetSchrubben(istSchrubben)

Legen Sie fest, ob wir schrubben oder nicht. Dies wird verwendet, um zu entscheiden, ob wir verwenden sollten fastSeek oder nicht. fastSeek wird verwendet, um Trickspiele in Safari-Browsern bereitzustellen.

Parameter:
Nennen Typ Beschreibung
IsScrubbing boolescher Wert
  • wahr für wir schrubben gerade - falsch für wir schrubben nicht mehr
Überschreibungen:
  • Tech#setScrubbing

setSrc(src)

Stellen Sie den Wert von src für das Medienelement ein. src gibt das aktuelle Tech~SourceObject für die Medien an.

Parameter:
Nennen Typ Beschreibung
src Tech~SourceObject

Das Quellobjekt, das als aktuelle Quelle festgelegt werden soll.

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:

setupSourcesetHandling_()

Ändern Sie das Medienelement, damit wir erkennen können, wenn die Quelle geändert wird. Feuer Quellensatz kurz nachdem sich die Quelle geändert hat

setVolume(ProzentAsDezimal)

Stellen Sie den Wert der Lautstärke für das Medienelement ein. Lautstärke gibt den aktuellen Audiopegel als Prozentsatz in Dezimalform an. Dies bedeutet, dass 1 100% ist, 0,5 50% ist und so weiter.

Parameter:
Nennen Typ Beschreibung
PercentasDecimal Zahl

Das Volumen in Prozent als Dezimalzahl. Der gültige Bereich liegt zwischen 0 und 1.

Siehe:

zeigen()

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

Überschreibungen:

src(srcopt) → {tech~sourceObject|undefiniert}

Ein Getter/Setter für das Quellobjekt des Html5 Tech.

Hinweis: Bitte benutzen Sie Html5 #setSource

Parameter:
Nennen Typ Attribute Beschreibung
src Tech~SourceObject <optional>

Das Quellobjekt, das Sie für das HTML5-Techs-Element festlegen möchten.

Gibt zurück:
Tech~SourceObject | nicht definiert -
  • Das aktuelle Quellobjekt, wenn keine Quelle übergeben wird. - undefiniert bei Einstellung
Veraltet:
  • Seit Version 5.

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

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.

Überschreibungen:

supportsFullScreen() → {boolean}

Prüfen Sie, ob der Vollbildmodus auf dem aktuellen Wiedergabegerät unterstützt wird.

Gibt zurück:
boolescher Wert -
  • True, wenn Vollbild unterstützt wird. - False, wenn Vollbild nicht unterstützt wird.

textTracks(){TextTrackList}

Holen Sie sich die TextTrackList

Gibt zurück:
TextTrackList
Überschreibungen:

ToggleClass(ClassToggle, Prädikatopt)

Fügen Sie einen CSS-Klassennamen aus dem Element der Komponente hinzu oder entfernen Sie ihn.

Parameter:
Nennen Typ Attribute Beschreibung
ClassToggle String

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

Prädikat boolean | dom~Prädikat <optional>

Eine dom~Predicate-Funktion oder ein boolescher Wert

Überschreibungen:

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

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

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:
Überschreibungen:
  • Tech#triggerSourceset

videoHeight() → {Anzahl}

Holen Sie sich den Wert von Videohöhe aus dem Videoelement. Videohöhe gibt die aktuelle Höhe des Videos in CSS-Pixeln an.

Gibt zurück:
nummer -

Der Wert von VideoHeight aus dem Videoelement. Dies wird eine Zahl in CSS-Pixeln sein.

Siehe:

videoTracks(){VideoTrackList}

Holen Sie sich die VideoTrackList

Gibt zurück:
VideoTrackList
Überschreibungen:

videoWidth() → {Anzahl}

Holen Sie sich den Wert von VideoWidth aus dem Videoelement. VideoWidth gibt die aktuelle Breite des Videos in CSS-Pixeln an.

Gibt zurück:
nummer -

Der Wert von VideoWidth aus dem Videoelement. Dies wird eine Zahl in CSS-Pixeln sein.

Siehe:

Volumen() → {Zahl}

Holen Sie sich den Wert des Volumes aus dem Medienelement. Lautstärke gibt die aktuelle Wiedergabelautstärke von Audio für ein Medium an. volume wird ein Wert von 0 (stumm) bis 1 (lauteste und standardmäßige) sein.

Gibt zurück:
nummer -

Der Wert der Lautstärke aus dem Medienelement. Der Wert liegt zwischen 0 und 1.

Siehe:

Breite() → {Zahl}

Holen Sie sich die aktuelle Breite des HTML5-Medienelements.

Gibt zurück:
nummer -

Die Breite des HTML5-Medienelements.

Überschreibungen:

statische canControlPlaybackRate() → {boolean}

Prüfen Sie, ob die Wiedergaberate in diesem Browser/Gerät geändert werden kann.

Gibt zurück:
boolescher Wert -
  • Wahr, wenn die Wiedergabegeschwindigkeit gesteuert werden kann, andernfalls Falsch

statisches canControlVolume() → {boolean}

Prüfen Sie, ob die Lautstärke in diesem Browser/Gerät geändert werden kann. Die Lautstärke kann in vielen mobilen Geräten nicht geändert werden. Insbesondere kann es nicht von 1 unter iOS geändert werden.

Gibt zurück:
boolescher Wert -
  • Wahr, wenn die Lautstärke gesteuert werden kann, andernfalls falsch

statisch canMuteVolume() → {bolean}

Prüfen Sie, ob die Lautstärke in diesem Browser/Gerät stumm geschaltet werden kann. Einige Geräte, z. B. iOS, erlauben keine Änderung der Lautstärke, aber das Stummschalten/Aufheben der Stummschaltung.

Gibt zurück:
bolean -
  • True, wenn die Lautstärke stummgeschaltet werden kann
    • Sonst falsch

static canOverrideAttributes() → {boolean}

Überprüfen Sie mit Object.defineProperty, ob wir die Attribute eines Video-/Audioelements überschreiben können.

Gibt zurück:
boolescher Wert -
  • Wahr, wenn eingebaute Attribute überschrieben werden können — andernfalls False

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}

Prüfen Sie, ob die Technik den angegebenen Typ unterstützen kann

Parameter:
Nennen Typ Beschreibung
Typ String

Der zu überprüfende Mimetyp

Gibt zurück:
string -

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

static isSupported() → {boolean}

Prüfen Sie, ob HTML5-Medien von diesem Browser/Gerät unterstützt werden.

Gibt zurück:
boolescher Wert -
  • True, wenn HTML5-Medien unterstützt werden. - False, wenn HTML5-Medien nicht unterstützt werden.

static supportNativeAudioTracks() → {boolean}

Prüfen Sie, ob native AudioTracks von diesem Browser/Gerät unterstützt werden

Gibt zurück:
boolescher Wert -
  • Wahr, wenn native AudioTrack-s unterstützt werden. - Andernfalls falsch

static supportNativeTextTracks() → {boolean}

Prüfen Sie, ob native TextTracks von diesem Browser/Gerät unterstützt werden.

Gibt zurück:
boolescher Wert -
  • Wahr, wenn native TextTracks unterstützt werden. - Andernfalls falsch

statisch unterstützt NativeVideoTracks() → {boolean}

Prüfen Sie, ob native VideoTracks von diesem Browser/Gerät unterstützt werden

Gibt zurück:
boolescher Wert -
  • Wahr, wenn native VideoTracks unterstützt werden. - Andernfalls falsch

Veranstaltungen

Audiotrackchange

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

Typ:
Überschreibungen:

componentresize

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

Typ:
Überschreibungen:

entsorgen

Wird ausgelöst, wenn eine Komponente entsorgt wird.

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

auf false gesetzt, damit das Dispose-Ereignis nicht sprudelt

Überschreibungen:

Fortschritt

Siehe Spieler #progress

Typ:
Überschreibungen:

bereit

Wird ausgelöst, wenn eine Komponente bereit ist.

Typ:
Überschreibungen:

sourceset

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

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

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

Videotrackwechsel

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

Typ:
Überschreibungen:

vttjsloaded

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

Typ:
Überschreibungen: