VTTRegion
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more support for this feature? Tell us why.
Das VTTRegion-Interface der WebVTT API beschreibt einen Bereich des Videos, um ein VTTCue darauf darzustellen.
Konstruktor
VTTRegion()-
Erstellt eine neue Instanz eines
VTTRegion-Objekts.
Instanz-Eigenschaften
VTTRegion.id-
Ein String, der die Region identifiziert.
VTTRegion.width-
Repräsentiert die Breite der Region als Prozentsatz der Videobreite.
VTTRegion.lines-
Repräsentiert die Höhe der Region, in Zeilenanzahl.
VTTRegion.regionAnchorX-
Repräsentiert den X-Versatz des Regionsankers als Prozentsatz der Regionsbreite.
VTTRegion.regionAnchorY-
Repräsentiert den Y-Versatz des Regionsankers als Prozentsatz der Regionshöhe.
VTTRegion.viewportAnchorX-
Repräsentiert den X-Versatz des Ansichtsankers als Prozentsatz der Videobreite.
VTTRegion.viewportAnchorY-
Repräsentiert den Y-Versatz des Ansichtsankers als Prozentsatz der Videohöhe.
VTTRegion.scroll-
Ein enumerierter Wert, der angibt, wie vorhandene Cues in der Region verschoben werden, wenn ein neuer Cue hinzugefügt wird.
Beispiele
const region = new VTTRegion();
region.width = 50; // Set the region to 50% of the video's width
region.lines = 4; // Render cues in 4 lines
region.viewportAnchorX = 25; // Place the region 25% from the left edge of the video
const cue = new VTTCue(2, 3, "Cool text to be displayed");
cue.region = region; // This cue will be drawn only within this region.
Spezifikationen
| Spezifikation |
|---|
| WebVTT: The Web Video Text Tracks Format # the-vttregion-interface |