VTTRegion
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die Schnittstelle VTTRegion der WebVTT API beschreibt einen Teil des Videos, auf dem ein VTTCue gerendert wird.
Konstruktor
VTTRegion()-
Gibt ein neu erstelltes
VTTRegion-Objekt zurück.
Instanz-Eigenschaften
VTTRegion.id-
Ein String, der die Region identifiziert.
VTTRegion.width-
Repräsentiert die Breite der Region, als Prozentsatz des Videos.
VTTRegion.lines-
Repräsentiert die Höhe der Region in Zeilenanzahl.
VTTRegion.regionAnchorX-
Repräsentiert den X-Versatz des Regionsankers, als Prozentsatz der Region.
VTTRegion.regionAnchorY-
Repräsentiert den Y-Versatz des Regionsankers, als Prozentsatz der Region.
VTTRegion.viewportAnchorX-
Repräsentiert den X-Versatz des Ansichtsfensterankers, als Prozentsatz des Videos.
VTTRegion.viewportAnchorY-
Repräsentiert den Y-Versatz des Ansichtsfensterankers, als Prozentsatz des Videos.
VTTRegion.scroll-
Ein Enum, das darstellt, wie das Hinzufügen eines neuen Cues bestehende Cues verschiebt.
Beispiele
const region = new VTTRegion();
region.width = 50; // Use 50% of the video width
region.lines = 4; // Use 4 lines of height.
region.viewportAnchorX = 25; // Have the region start at 25% from the left.
const cue = new VTTCue(2, 3, "Cool text to be displayed");
cue.region = region; // This cue will be drawn only within this region.
Spezifikationen
| Specification |
|---|
| WebVTT: The Web Video Text Tracks Format # the-vttregion-interface |
Browser-Kompatibilität
BCD tables only load in the browser