Neu Technik(Optionenopt , bereit)
Erstellen Sie eine Instanz dieser Technologie.
Parameter:
Nennen | Typ | Attribute | Beschreibung |
---|---|---|---|
Optionen |
Objekt |
<optional> |
Der Schlüssel-/Wert-Speicher der Spieleroptionen. |
bereit |
component~ReadyCallback |
Callback-Funktion, die aufgerufen werden soll, wenn der |
Verlängert
Mitglieder
-
FeaturesFullScreenResize :boolean
-
Boolescher Wert, der angibt, ob die
Technik
unterstützt die Größenänderungssteuerung im Vollbildmodus. Das Ändern der Größe von Plugins mit der Anfrage Fullscreen lädt das Plugin neu -
FeaturesMuteControl :bolean
-
Boolescher Wert, der angibt, ob der
Tech
die Stummschaltung des- Standardwert:
-
- wahr
-
FeaturesNativeTextTracks :boolean
-
Boolescher Wert, der angibt, ob die
Technik
unterstützt die EinheimischenTextTrack
S. Dies hilft uns, uns mit nativenTextTrack
s zu integrieren, wenn der Browser sie unterstützt. -
FeaturesPlaybackRate :boolean
-
Boolescher Wert, der angibt, ob der
Tech die Änderung der Geschwindigkeit
unterstützt, mit der das Video abgespielt wird. Beispiele:- Stellen Sie den Spieler so ein, dass er 2x (zweimal) so schnell spielt
- Stellen Sie den Spieler so ein, dass er 0,5x (halb) so schnell spielt
-
FeaturesProgressEvents :boolean
-
Boolescher Wert, der angibt, ob die
Technik
unterstützt dieFortschritt
Veranstaltung. Dies wird derzeit nicht durch video-js-swf ausgelöst. Dies wird verwendet, um festzustellen, ob Tech #manualProgressOn aufgerufen werden soll. -
FeaturesSourceSet :boolean
-
Boolescher Wert, der angibt, ob die
Technik
unterstützt 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 :boolean
-
Boolescher Wert, der angibt, ob die
Technik
unterstützt dieZeitupdate
Veranstaltung. Dies wird derzeit nicht durch video-js-swf ausgelöst. Dies wird verwendet, um festzustellen, ob Tech #manualTimeUpdates aufgerufen werden soll. -
featuresVideoFrameCallback:boolean
-
Boolescher Wert, der angibt, ob die
Technik
unterstütztrequestVideoFrameCallback
. -
FeaturesVolumeControl :boolean
-
Boolean, der angibt, ob der
Tech die Lautstärkeregelung
unterstützt- Standardwert:
-
- wahr
Methoden
-
static canPlaySource(srcObj, Optionen) → {string}
-
Prüfen Sie, ob der Techniker die angegebene Quelle unterstützen kann
Parameter:
Nennen Typ Beschreibung SrcoBJ
Objekt Das Quellobjekt
Optionen
Objekt Die Optionen wurden an die Technologie weitergegeben
Gibt zurück:
string -'wahrscheinlich', 'vielleicht', oder '' (leere Zeichenfolge)
-
static canPlayType(type) → {string}
-
Überprüfen Sie, ob der Typ von dieser Technologie unterstützt wird.
Die Basistechnologie unterstützt keinen Typ, aber Quellhandler können dies überschreiben.
Parameter:
Nennen Typ Beschreibung Typ
String Der zu überprüfende Medientyp
Gibt zurück:
string -Gibt die Antwort des nativen Videoelements zurück
-
statisch getTech(name) → {Tech|undefined}
-
Holen Sie sich einen
Tech
aus der freigegebenen Liste nach Namen.Parameter:
Nennen Typ Beschreibung Name
String CamelCase
oderTitleCase
Name des zu erlangenden TechGibt zurück:
Tech | unbestimmtes -Der
Tech
oder undefined, wenn es keine Technologie mit dem angeforderten Namen gab. -
statische RegisterTech(Name, Technologie)
-
Registriert einen
Tech
in einer freigegebenen Liste für Videojs.Parameter:
Nennen Typ Beschreibung Name
String Name des
Technik
zu registrieren.Tech
Objekt Die
Tech-Klasse zum Registrieren.
-
statisch withSourceHandlers(_Technik)
-
Ein funktionales Mixin für Techniker, die das Source-Handler-Muster verwenden möchten. Quellhandler sind Skripte für den Umgang mit bestimmten Formaten. Das Quell-Handler-Pattern wird für adaptive Formate (HLS, DASH) verwendet, die Videodaten manuell laden und in einen Quellpuffer (Media Source Extensions) einspeisen. Beispiel:
tech.withSourceHandlers.call (MyTech);
Parameter:
Nennen Typ Beschreibung _Tech
Tech Die Technologie, zu der Quell-Handler-Funktionen hinzugefügt werden können.
- Mischt sich ein:
-
- Tech~SourceHandlerAdditions
-
$(Selektor, Kontextopt) → {Element|null}
-
Suchen Sie ein einzelnes DOM-Element, das einem
Selektor entspricht
. Dies kann innerhalb 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.
Hinweis: Dies kann ein emuliertes HtmlTrackElement oder ein natives sein.
Parameter:
Nennen Typ Attribute Standardwert Beschreibung Optionen
Objekt Weitere Informationen finden Sie unter Tech #createRemoteTextTrack.
ManualCleanup
boolescher Wert <optional>
wahr - Wenn falsch: Der TextTrack wird automatisch aus dem Videoelement entfernt, wenn sich die Quelle ändert - Wenn True: Der TextTrack muss manuell bereinigt werden
- Veraltet:
-
- Die Standardfunktionalität für diese Funktion entspricht in Zukunft „manualCleanup=False“. Der ManualCleanup-Parameter wird ebenfalls entfernt.
-
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
-
addWebVttScript_()
-
Emulieren Sie bei Bedarf TextTracks mit vtt.js
Brände:
- Tech #Ereignis:vttjsloaded
- Tech #Ereignis:vttjserror
-
audioTracks() → {AudioTrackList}
-
Holen Sie sich die AudioTrackList
Gibt zurück:
AudioTrackList -
verwischen()
-
Entferne den Fokus von dieser Komponente
- Überschreibungen:
-
gepuffert() → {ZeitBereich}
-
Rrufen Sie ein
TimeRange-Objekt zum Puffern ab und erstellen Sie es.
Gibt zurück:
TimeRange -Das Zeitbereichsobjekt, das erstellt wurde.
-
bufferedPercent() → {Anzahl}
-
Ruft den Prozentsatz des aktuellen Videos ab, das derzeit gepuffert ist.
Gibt zurück:
nummer -Eine Zahl von 0 bis 1, die den Dezimalprozentsatz des gepufferten Videos darstellt.
-
abstrakt buildCSSClass() → {string}
-
Baut den Standard-DOM-Klassennamen auf. Sollte durch Unterkomponenten außer Kraft gesetzt werden.
Gibt zurück:
string -Der DOM-Klassenname für dieses Objekt.
- Überschreibungen:
-
cancelAnimationFrame(id) → {Nummer}
-
Bricht einen Rückruf in der Warteschlange ab, der an Component #requestAnimationFrame (raF) übergeben wurde.
Wenn Sie einen Raf-Rückruf über Component #requestAnimationFrame in die Warteschlange stellen, verwenden Sie diese Funktion anstelle von
window.CancelAnimationFrame
. Andernfalls wird Ihr Entsorg-Listener erst bereinigt, wenn Component #dispose!Parameter:
Nennen Typ Beschreibung id
Zahl Die zu löschende Raf-ID. Der Rückgabewert von Komponente #requestAnimationFrame.
Gibt zurück:
nummer -Gibt die Raf-ID zurück, die gelöscht wurde.
- Überschreibungen:
- Siehe:
-
cancelNamedAnimationFrame(Name)
-
Bricht einen aktuell benannten Animationsframe ab, falls er vorhanden ist.
Parameter:
Nennen Typ Beschreibung Name
String Der Name des abzubrechenden RequestAnimationFrame.
- Überschreibungen:
-
cancelVideoFrameCallback(id)
-
Eine Fallback-Implementierung von CancelVideoFrameCallback
Parameter:
Nennen Typ Beschreibung id
Zahl ID des Rückrufs, der storniert werden soll
-
kinder() → {Array}
-
Holen Sie sich ein Array aller untergeordneten Komponenten
Gibt zurück:
Array -Die Kinder
- Überschreibungen:
-
cleanupAutoTextTracks()
-
Entfernen Sie alle TextTracks, die über AddremoteTextTrack hinzugefügt wurden und für die automatische Garbage Collection gekennzeichnet sind
-
clearInterval(intervalId) → {number}
-
Löscht ein Intervall, das über
window.setInterval
oder Component #setInterval erstellt wird. Wenn Sie eine Inteval über Component #setInterval festlegen, verwenden Sie diese Funktion anstelle 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
. -
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:
-
createEl(tagNameopt, propertiesopt, attributesopt) → {Element}
-
Erstellen Sie das DOM-Element der
Komponente
.Parameter:
Nennen Typ Attribute Beschreibung tagName
String <optional>
DOM-Knotentyp des Elements. zB 'div'
immobilien
Objekt <optional>
Ein Objekt von Eigenschaften, das festgelegt werden soll.
Attribute
Objekt <optional>
Ein Objekt von Attributen, das festgelegt werden soll.
Gibt zurück:
Element -Das Element, das erstellt wird.
- Überschreibungen:
-
createRemoteTextTrack(options) → {HTMLTrackElement}
-
Erstellen Sie einen emulierten TextTrack zur Verwendung durch AddremoteTextTrack
Dies soll durch Klassen außer Kraft gesetzt werden, die von Tech erben, um native oder benutzerdefinierte TextTracks zu erstellen.
Parameter:
Nennen Typ Beschreibung Optionen
Objekt Das Objekt sollte die Optionen enthalten, mit denen Sie den TextTrack initialisieren können.
Immobilien
Nennen Typ Attribute Beschreibung freundlich
String <optional>
TextTrack
kind (Untertitel, Beschriftungen, Beschreibungen, Kapitel oder Metadaten).etikett
String <optional>
Beschriftung zur Identifizierung der Textspur
Sprache
String <optional>
Abkürzung der Sprache mit zwei Buchstaben.
-
abstrakt crossOrigin()
-
Holen Sie sich den Wert von
crossOrigin
von der techn.- Siehe:
-
currentDimension(widthOrHeight) → {number}
-
Erhalten Sie die berechnete Breite oder die Höhe des Elements der Komponente.
Verwendet
window.GetComputedStyle
.Parameter:
Nennen Typ Beschreibung widthorHeight
String Eine Zeichenkette, die 'Breite' oder 'Höhe' enthält. Welchen auch immer du kriegen willst.
Gibt zurück:
nummer -Die Dimension, nach der gefragt wird, oder 0, wenn für diese Dimension nichts festgelegt wurde.
- Überschreibungen:
-
currentDimensions() → {Component~DimensionObject}
-
Holen Sie sich ein Objekt, das berechnete Breiten- und Höhenwerte des Elements der Komponente enthält.
Verwendet
window.GetComputedStyle
.- Überschreibungen:
-
aktuelleHöhe() → {Zahl}
-
Erhalten Sie die berechnete Höhe des Elements der Komponente.
Verwendet
window.GetComputedStyle
.Gibt zurück:
nummer -Die berechnete Höhe des Elements der Komponente.
- Überschreibungen:
-
currentWidth() → {Anzahl}
-
Regt die berechnete Breite des Elements der Komponente ab.
Verwendet
window.GetComputedStyle
.Gibt zurück:
nummer -Die berechnete Breite des Elements der Komponente.
- Überschreibungen:
-
dimension(widthOrHeight, numopt, skipListenersopt) → {number}
-
Regt die Breite oder Höhe des
Komponentenelements ab oder legen Sie sie fest. Dies ist der freigegebene Code für die Komponente #width und Komponente #height.
Dinge zu wissen:
- Wenn die Breite oder Höhe in einer Zahl die Zahl zurückgegeben wird, wird die Zahl zurückgegeben, die mit „px“ verschoben wurde.
- Wenn die Breite/Höhe ein Prozent ist, wird der Prozentsatz zurückgegeben, der mit '%' nachfixiert wurde
- Versteckte Elemente haben eine Breite von 0 mit
window.getComputedStyle
. Diese Funktion ist standardmäßig auf 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:
-
abstrakt deaktivierenPictureInPicture()
-
Eine Methode zum Überprüfen des Werts von 'disablePictureInPicture'
-
entsorgen()
-
Deaktivieren Sie alle Event-Polyfills, deaktivieren Sie das
Technik
S AudioTrackListe , VideoTrackList , und TextTrackList , und entsorgen Sie diese Tech.Brände:
- Überschreibungen:
-
el() → {Element}
-
Holen Sie sich das DOM-Element der
Komponente
Gibt zurück:
Element -Das DOM-Element für diese
Komponente
.- Überschreibungen:
-
emulateTextTracks()
-
Emulieren Sie Texttracks
-
EnableTouchActivity()
-
Diese Funktion meldet Benutzeraktivitäten, wenn Berührungsereignisse auftreten. Dies kann von allen Unterkomponenten deaktiviert werden, die möchten, dass Berührungsereignisse auf andere Weise handeln sollen.
Melden Sie Benutzerberührungsaktivitäten, wenn Touch-Ereignisse auftreten. Benutzeraktivitäten werden verwendet, um zu bestimmen, wann Steuerelemente ein-/ausblenden sollen. Es ist einfach, wenn es um Mausereignisse geht, da jedes Mausereignis die Steuerelemente anzeigen sollte. Also erfassen wir Mausereignisse, die zum Spieler hochgehen, und melden Aktivitäten, wenn dies geschieht. Bei Touch-Events ist es nicht so einfach wie
Touchstart
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:
-
error(erropt) → {MediaError|null}
-
Erhalte oder setze einen Fehler auf dem Tech.
Parameter:
Nennen Typ Attribute Beschreibung irren
MediaError <optional>
Fehler beim Einstellen auf den Tech
Gibt zurück:
MediaError | null -Das aktuelle Fehlerobjekt auf der Technologie oder null, wenn es keines gibt.
-
fokus()
-
Setzen Sie den Fokus auf diese Komponente
- Überschreibungen:
-
getAttribute(attribute) → {string|null}
-
Rufen Sie den Wert eines Attributs auf dem . ab
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:
-
abstrakt getVideoPlaybackQuality() → {Objekt}
-
Ruft verfügbare Metriken für die Medienwiedergabe ab, wie in der Media Playback Quality API des W3C angegeben.
Gibt zurück:
Objekt -Ein Objekt mit unterstützten Metriken für die Medienwiedergabe
- Siehe:
-
HandleKeyDown(Ereignis)
-
Wenn diese Komponente ein
Keydown-Ereignis erhält, das sie nicht verarbeitet, übergibt sie das Ereignis zur Handhabung an den Player.
Parameter:
Nennen Typ Beschreibung Ereignis
eventTarget~Event Das
Keydown-Ereignis, das dazu führte, dass diese Funktion aufgerufen wurde.
- Überschreibungen:
-
HandleKeyPress(Ereignis)
-
Viele Komponenten hatten früher eine
HandleKeyPress-Methode, die schlecht benannt wurde, weil sie auf ein
Keydown-Ereignis hörte. Dieser Methodenname delegiert jetzt an
HandleKeyDown
. Dies bedeutet, dass jeder, 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:
-
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(numopt, skipListenersopt) → {number|string}
-
Regt die Höhe der Komponente basierend auf den CSS-Stilen ab oder legt sie fest. Weitere Informationen finden Sie unter Komponente #dimension.
Parameter:
Nennen Typ Attribute Beschreibung num
Nummer | string <optional>
Die Höhe, die Sie mit '%', 'px' oder gar nicht setzen wollen.
SkipListener
boolescher Wert <optional>
Überspringen Sie den componentresize-Ereignisauslöser
Gibt zurück:
Nummer | string -Die Breite beim Erhalten, Null wenn keine Breite vorhanden ist. Kann eine Zeichenkette mit dem Zusatz '%' oder 'px' sein.
- Überschreibungen:
-
hide()
-
Blenden Sie das Element der
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:
-
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:
-
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:
-
ManualProgressoFF()
-
Deaktivieren Sie das Polyfill für
Fortschrittsereignisse, die in Tech #manualProgressOn erstellt wurden
-
ManualProgresson()
-
Polyfill das
Fortschrittereignis für Browser, die es nicht nativ unterstützen.
- Siehe:
-
ManualTimeUpdateSoff()
-
Deaktivieren Sie das Polyfill für
Timeupdate-Ereignisse, die in Tech #manualTimeUpdatesOn erstellt wurden
-
ManualTimeUpdatesOn()
-
Polyfill das
timeupdate-Ereignis für Browser, die es nicht unterstützen.
- Siehe:
-
name() → {string}
-
Holen Sie sich den Namen der
Komponente
. Der Name wird verwendet, um auf dieKomponente zu verweisen
und wird bei der Registrierung festgelegt.Gibt zurück:
string -Der Name dieser
Komponente
.- Überschreibungen:
-
OnDurationChange(Ereignis)
-
Aktualisieren Sie unsere interne Dauer bei einem
Daueränderungs-Ereignis, indem Sie Tech #duration anrufen.
Parameter:
Nennen Typ Beschreibung Ereignis
eventTarget~Event Das
durationchange-Ereignis, das dazu geführt hat, dass dies ausgeführt wurde.
Hört auf Ereignisse:
- Tech #Ereignis:Durationchange
-
optionen(obj) → {Objekt}
-
Tiefes Zusammenführen von Optionsobjekten mit neuen Optionen.
Hinweis: Wenn sowohl
obj
als 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:
-
abstrakt überschreibenNativeAudioTracks(überschreiben)
-
Versuchen Sie, die Überschreibung nativer Audiospuren zu erzwingen.
Parameter:
Nennen Typ Beschreibung überschreiben
boolescher Wert Wenn auf „True“ eingestellt wird, wird natives Audio überschrieben, andernfalls wird möglicherweise natives Audio verwendet.
-
abstrakt overrideNativeVideoTracks(überschreiben)
-
Versuchen Sie, die Überschreibung nativer Videospuren zu erzwingen.
Parameter:
Nennen Typ Beschreibung überschreiben
boolescher Wert Wenn auf True Native Video eingestellt ist, wird das native Video überschrieben, andernfalls wird möglicherweise natives Video verwendet.
-
abstrakt abspielen()
-
Wiedergabe starten
- Siehe:
-
gespielt() → {Zeitbereich}
-
Gibt die
TimeRange
s zurück, die für die aktuelle Quelle durchgespielt wurden.HINWEIS: Diese Implementierung ist unvollständig. Der gespielte
TimeRange wird nicht verfolgt
. Es prüft nur, ob die Quelle überhaupt abgespielt wurde oder nicht.Gibt zurück:
TimeRange -- Ein einzelner Zeitbereich, wenn dieses Video abgespielt wurde — Ein leerer Satz von Bereichen, wenn nicht.
-
player() → {Player}
-
Gibt den Player zurück, an den die
Komponente angehängt
hat.- Überschreibungen:
-
abstrakt spieltinline()
-
Eine Methode, um das Vorhandensein der 'playsinline' zu überprüfen
-
ready() → {Komponente}
-
Binden Sie einen Listener an den Bereitschaftsstatus der Komponente. Anders als Ereignis-Listener darin, dass, wenn das Ready-Ereignis bereits aufgetreten ist, die Funktion sofort ausgelöst wird.
- Überschreibungen:
-
remoteTextTrackEls() → {HtmlTrackElementList}
-
Holen Sie sich das Remote-Element HtmlTrackElementList
Gibt zurück:
HtmlTrackElementList -
remoteTextTracks() → {TextTrackList}
-
Holen Sie sich das Remote-Element textTrackList
Gibt zurück:
TextTrackList -
removeAttribute(Attribut)
-
Entfernt ein Attribut aus dem Element der
Komponente
.Parameter:
Nennen Typ Beschreibung Attribut
String Name des zu entfernenden Attributs.
- Überschreibungen:
- Siehe:
-
removeChild(Komponente)
-
Entfernen Sie eine untergeordnete
Komponente
aus der untergeordneten Liste 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 eine Remote-Textspur aus der
Remote-TextTrackList
.Parameter:
Nennen Typ Beschreibung verfolgen
TextTrack TextTrack
zum Entfernen aus derTextTrackList
-
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:
-
abstrakte requestPictureInPicture() → {promise|undefiniert}
-
Versuchen Sie, ein schwebendes Videofenster immer über anderen Fenstern zu erstellen, damit Benutzer weiterhin Medien konsumieren können, während sie mit anderen Inhaltswebsites oder Anwendungen auf ihrem Gerät interagieren.
Gibt zurück:
Versprechen | unbestimmtes -Eine Zusage mit einem Bild-in-Bild-Fenster, wenn der Browser Promises unterstützt (oder eine als Option übergeben wurde). Andernfalls wird undefiniert zurückgegeben.
- Siehe:
-
requestVideoFrameCallback(cb) → {Nummer}
-
Eine Fallback-Implementierung von RequestVideoFrameCallback mit RequestAnimationFrame
Parameter:
Nennen Typ Beschreibung cb
Funktion Gibt zurück:
nummer -Anfrage-ID
-
abstrakt zurücksetzen()
-
Setzen Sie die Technologie zurück, wodurch alle Quellen entfernt und den internen ReadyState zurückgesetzt wird.
-
abstrakt schrubben()
-
Erfahren Sie, ob wir schrubben oder nicht
- Siehe:
-
setAttribute(Attribut, Wert)
-
Setzen Sie den Wert eines Attributs auf dem
Komponente
's ElementParameter:
Nennen Typ Beschreibung Attribut
String Name des festzulegenden Attributs.
Wert
String Wert, auf den das Attribut festgelegt werden soll.
- Überschreibungen:
- Siehe:
-
abstrakt setCrossOrigin(CrossOrigin)
-
Stellen Sie den Wert von ein
crossOrigin
auf die techn.Parameter:
Nennen Typ Beschreibung CrossORIGIN
String der crossOrigin-Wert
- Siehe:
-
setCurrentTime()
-
Bewirkt, dass ein manuelles Zeitupdate auftritt, wenn Tech #manualTimeUpdatesOn zuvor aufgerufen wurde.
Brände:
-
abstrakt setDisablePictureInPicture()
-
Eine Methode zum Festlegen oder Aufheben des 'disablePictureInPicture'
-
setInterval(fn, Intervall) → {Zahl}
-
Erstellt eine Funktion, die alle
x
Millisekunden ausgeführt wird. Diese Funktion ist ein Wrapper 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:
-
abstrakt setPlaysinline()
-
Eine Methode zum Setzen oder Aufheben der 'playsinline'
-
abstrakt setPoster()
-
Eine Methode, um ein Poster von einem
Tech zu setzen
. -
abstrakt SetSchrubben()
-
Legen Sie fest, ob wir schrubben oder nicht
- Siehe:
-
setTimeout(fn, timeout) → {Zahl}
-
Erstellt eine Funktion, die nach einem ausgeführt wird
x
Millisekunden-Timeout. Diese Funktion ist ein Wrapper 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:
-
zeigen()
-
Zeigen Sie das Element "
Komponenten"
an, wenn es ausgeblendet ist, indem Sie den Klassennamen "vjs-hidden" aus ihm entfernen.- Überschreibungen:
-
StopTrackingCurrentTime()
-
Stoppen Sie die in Tech #trackCurrentTime erstellte Intervallfunktion, damit das
timeupdate-Ereignis nicht mehr ausgelöst wird.
Hört auf Ereignisse:
- (Tech#event:pause)
-
StopTrackingProgress()
-
Deaktivieren Sie das Polyfill für
Fortschrittereignisse, die in Tech #manualProgressOn erstellt wurden. Stoppen Sie die manuelle Verfolgung von Fortschrittereignissen, indem Sie das in Tech festgelegte Intervall löschen #trackProgress.
-
textTracks() → {TextTrackList}
-
Holen Sie sich die TextTrackList
Gibt zurück:
TextTrackList -
ToggleClass(ClassToggle, Prädikatopt)
-
Fügen Sie einen CSS-Klassennamen aus dem Element der Komponente hinzu oder entfernen Sie ihn.
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
-
TrackProgress(Ereignis)
-
Dies wird verwendet, um ein
Fortschrittereignis auszulösen, wenn sich der gepufferte Prozent ändert. Es legt eine Intervallfunktion fest, die alle 500 Millisekunden aufgerufen wird, um zu überprüfen, ob sich der Pufferendprozentsatz geändert hat.
Diese Funktion wird von Tech #manualProgressOn aufgerufen
Parameter:
Nennen Typ Beschreibung Ereignis
eventTarget~Event Das
fertige
Ereignis, das dazu geführt hat, dass dies ausgeführt wurde.Brände:
Hört auf Ereignisse:
-
triggerReady()
-
Lösen Sie alle fertigen Listener für diese
Komponente aus
.Brände:
- Überschreibungen:
-
TriggerSourceSet(src)
-
Eine spezielle Funktion, um die Quelle auszulösen, die es dem Spieler ermöglicht, erneut auszulösen, wenn der Spieler oder der Tech noch nicht bereit sind.
Parameter:
Nennen Typ Beschreibung src
String Die Quellzeichenfolge zum Zeitpunkt der Änderung der Quelle.
Brände:
-
videoTracks() → {VideoTrackList}
-
Holen Sie sich die VideoTrackList
Gibt zurück:
VideoTrackList -
width(numopt, skipListenersopt) → {number|string}
-
Regt die Breite der Komponente basierend auf den CSS-Stilen ab oder legt sie fest. Weitere Informationen finden Sie unter Komponente #dimension.
Parameter:
Nennen Typ Attribute Beschreibung num
Nummer | string <optional>
Die Breite, die Sie mit '%', 'px' oder gar nicht setzen wollen.
SkipListener
boolescher Wert <optional>
Überspringen Sie den componentresize-Ereignisauslöser
Gibt zurück:
Nummer | string -Die Breite beim Erhalten, Null wenn keine Breite vorhanden ist. Kann eine Zeichenkette mit dem Zusatz '%' oder 'px' sein.
- Überschreibungen:
Geben Sie Definitionen ein
-
SourceObject
-
Ein Objekt, das eine Struktur wie:
{src: 'url', type: 'mimetype'}
oder einen String, der nur die src-URL enthält.var SourceObject = {src: 'http://ex.com/video.mp4', type: 'video/mp4'};
var SourceString = 'http://example.com/some-video.mp4';
Eigenschaften:
Nennen Typ Beschreibung src
String Die URL zur Quelle
Typ
String Der Mime-Typ der Quelle
Veranstaltungen
-
Audiotrackchange
-
Wird ausgelöst, wenn Tracks auf der Tech AudioTrackList hinzugefügt oder entfernt werden
Typ:
-
componentresize
-
Wird ausgelöst, wenn die Größe einer Komponente geändert wird.
Typ:
- Überschreibungen:
-
entsorgen
-
Wird ausgelöst, wenn eine
Komponente entsorgt
wird.Typ:
Hörer dieser Veranstaltung:
Eigenschaften:
Nennen Typ Attribute Standardwert Beschreibung Blasen
boolescher Wert <optional>
falsch auf false gesetzt, damit das Dispose-Ereignis nicht sprudelt
- Überschreibungen:
-
Fortschritt
-
Siehe Spieler #progress
Typ:
-
bereit
-
Wird ausgelöst, wenn eine
Komponente bereit
ist.Typ:
Hörer dieser Veranstaltung:
- Überschreibungen:
-
sourceset
-
Wird ausgelöst, wenn die Quelle auf der Technologie eingestellt ist, wodurch das Medienelement neu geladen wird.
Typ:
- Siehe:
-
tippen
-
Wird ausgelöst, wenn auf eine
Komponente getippt
wird.Typ:
- Überschreibungen:
-
texttrackchange
-
Wird ausgelöst, wenn Tracks auf der Tech TextTrackList hinzugefügt oder entfernt werden
Typ:
-
Zeitaktualisierung
-
Trigger timeupdate, weil wir mit der Suche fertig sind und sich die Zeit geändert hat. Dies ist besonders nützlich, wenn der Spieler angehalten wird, bis die Uhrzeit angezeigt wird.
Typ:
-
Zeitaktualisierung
-
Wird in einem Intervall von 250 ms ausgelöst, um anzugeben, dass die Zeit im Video vergeht.
Typ:
-
Zeitaktualisierung
-
Ein manuelles
Timeupdate-Ereignis.
Typ:
-
Videotrackwechsel
-
Wird ausgelöst, wenn Tracks auf der Tech VideoTrackList hinzugefügt oder entfernt werden
Typ:
-
vttjsloaded
-
Wird ausgelöst, wenn vtt.js geladen wird.
Typ:
-
vttjsloaded
-
Wird ausgelöst, als vtt.js aufgrund eines Fehlers nicht geladen wurde
Typ: