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 |
- 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 -
FeaturesNativeTextTracks :boolean
-
Boolescher Wert, der angibt, ob die
Technik
unterstützt die EinheimischenTextTrack
S. Dies hilft uns, uns mit nativenTextTrack
s 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 dieQuellensatz
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
-
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 derKomponente
ScontentEl()
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. Wennthis.contentel () nichts
zurückgibt, fällt es aufdas 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 derKomponente
ScontentEl()
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. Wennthis.contentel () nichts
zurückgibt, fällt es aufdas 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 aktuellenKomponente 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 dieKomponente
wird durch diesen Prozess erstellt.- Überschreibungen:
-
addClass(ClassToAdd)
-
Fügen Sie dem Element der
Komponente
einen 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}
-
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
- Überschreibungen:
-
addWebVttScript_()
-
Emulieren Sie bei Bedarf TextTracks mit vtt.js
Brände:
- Tech #Ereignis:vttjsloaded
- Tech #Ereignis:vttjserror
- Ü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:
- Der Wert von
-
verwischen()
-
Entferne den Fokus von dieser Komponente
- Überschreibungen:
-
gepuffert() → {ZeitBereich}
-
Ruft den Wert von
gepuffert
aus dem Medienelement ab.buffered
ist einTimeRange-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 vonwindow.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 vonwindow.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 vonTrackLists mit ihren
Namen.Hinweis: Techniker ohne Quellhandler sollten dies zwischen Quellen für
Video
- undAudiospuren 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-
, undText
.- Überschreibungen:
-
contentEl() → {Element}
-
Gibt das DOM-Element der
Komponente
zurü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:
- Der Wert der
-
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.
- Ü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 sollGibt 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:
- 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
.- Ü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
undStandardStummgeschaltet
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:
- Der Wert von
-
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 anWiedergabegeschwindigkeit
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 dieKomponente
SStil.Breite
und fällt zurück aufwindow.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
Komponente
festgelegt werden soll.Höhe
Nummer | string Höhe, auf die das Element der
Komponente
festgelegt 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:
- 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
-
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
undTouchend-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 einTouchmove
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:
- Der Wert von
-
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. WirdMediaError 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
Komponente
s-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 angegebenenNamen zurück
.Parameter:
Nennen Typ Beschreibung Name
String Der Name der abzurufen untergeordneten
Komponente
.Gibt zurück:
Komponente | undefiniert -Die untergeordnete
Komponente
mit demVornamen
oder undefined.- Überschreibungen:
-
getChildById(id) → {Component|undefined}
-
Gibt die untergeordnete
Komponente
mit der angegebenenID zurück
.Parameter:
Nennen Typ Beschreibung id
String Die ID der abzurufen untergeordneten
Komponente
.Gibt zurück:
Komponente | undefiniert -Die untergeordnete
Komponente
mit der angegebenenID
oder undefined.- Überschreibungen:
-
getDescendant(...names) → {Component|undefined}
-
Gibt die nachkommende
Komponente
nach denNamen 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 NachkommenNamen
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, derHandleKeyPress
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:
- Wenn wir das Wiedergabeobjekt laden, nachdem es mit dem Laden begonnen hat
- 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 dieKomponente
die Klasse nicht hat`
- Überschreibungen:
- True, wenn die
-
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
Komponente
aus, 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
Standardkomponente
basierend 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
undremovetrack 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
. Ansonstenfalsch
.- Ü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 dieseOver-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, dassen.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:
- Der Wert von
-
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 dasVolume-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 derLautstärkewert verwendet werden
soll.
- Siehe:
- Wahr, wenn der Wert der
-
name() → {string}
-
Holen Sie sich den Namen der
Komponente
. Der Name wird verwendet, um auf dieKomponente 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. -
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 auchOptionen Eigenschaften
enthalten, deren Werte Objekte sind. Die beiden Eigenschaften werden mit module:mergeOptions zusammengeführtParameter:
Nennen Typ Beschreibung obj
Objekt Das Objekt, das neue Optionen enthält.
Gibt zurück:
Objekt -Ein neues Objekt von
this.options_
undobj
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.
-
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.
-
Pause()
-
Ein Wrapper um die Medienelemente
Pause
Funktion. Dies ruft diePause-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 dieHTML5
s Medienelementabspielen
Funktion.- Überschreibungen:
- 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 einTimeRange-Objekt zurück, das Punkte in der Medienzeitachse darstellt, die abgespielt wurden.
Gibt zurück:
TimeRange -Der Wert von
gespielt
aus dem Medienelement. EinTimeRange-Objekt, das die gespielten Zeitbereiche angibt.
- Überschreibungen:
- Siehe:
-
player() → {Player}
-
Gibt den Player zurück, an den die
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:
- Der Wert von
-
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.
- Ü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. -
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 dieserKomponente
. Entfernt auch das KindKomponente
s Element davonKomponente
s-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 demTextTrackList-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:
-
Unterstützt Browser, die RaF nicht unterstützen, indem sie auf Component #setTimeout zurückgehen.
-
Der Callback wird in eine Component~GenericCallback umgewandelt (d. h. an die Komponente gebunden).
-
Die automatische Stornierung des Raf-Rückrufs wird behandelt, wenn die Komponente vor dem Aufruf entsorgt wird.
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:
- 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
-
suchbar() → {timeRange}
-
Holen Sie sich den Wert von
suchbar
aus dem Medienelement.seekable
gibt einTimeRange-Objekt zurück, das Zeitbereiche angibt, die derzeit
angestrebt
werden können.Gibt zurück:
TimeRange -Der Wert von
suchbar
aus dem Medienelement. EinTimeRange-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:
- Der Wert der
-
setAttribute(Attribut, Wert)
-
Setzen Sie den Wert eines Attributs auf dem
Komponente
's ElementParameter:
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 sollParameter:
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:
- 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:
- Siehe:
-
setInterval(fn, Intervall) → {Zahl}
-
Erstellt eine Funktion, die alle
x
Millisekunden ausgeführt wird. Diese Funktion ist ein Wrapper umWindow.setInterval
. Es gibt jedoch ein paar Gründe, diesen stattdessen zu verwenden.- Es wird über Komponente #clearInterval gelöscht, wenn Component #dispose aufgerufen wird.
- 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
-
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 umWindow.setTimeout
. Es gibt jedoch ein paar Gründe, diesen stattdessen zu verwenden:- Es wird über Komponente #clearTimeout gelöscht, wenn Component #dispose aufgerufen wird.
- 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:
-
-
[Spec]Spec
-
-
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.
ClassToggle
wird hinzugefügt, wenn Component #hasClass false zurückgibt.ClassToggle
wird entfernt, wenn Component #hasClass true zurückgibt.
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:
-
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. -
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. -
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:
-
-
[Spec]Spec
-
-
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
- True, wenn die Lautstärke stummgeschaltet werden kann
-
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
AudioTrack
s von diesem Browser/Gerät unterstützt werdenGibt zurück:
boolescher Wert -- Wahr, wenn native
AudioTrack-s unterstützt werden. - Andernfalls falsch
- Wahr, wenn native
-
static supportNativeTextTracks() → {boolean}
-
Prüfen Sie, ob native
TextTrack
s von diesem Browser/Gerät unterstützt werden.Gibt zurück:
boolescher Wert -- Wahr, wenn native
TextTrack
s unterstützt werden. - Andernfalls falsch
- Wahr, wenn native
-
statisch unterstützt NativeVideoTracks() → {boolean}
-
Prüfen Sie, ob native
VideoTrack
s von diesem Browser/Gerät unterstützt werdenGibt zurück:
boolescher Wert -- Wahr, wenn native
VideoTrack
s unterstützt werden. - Andernfalls falsch
- Wahr, wenn native
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: