Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
VTTRegion
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die SchnittstelleVTTRegion derWebVTT API beschreibt einen Teil des Videos, auf dem einVTTCue gerendert wird.
In diesem Artikel
Konstruktor
VTTRegion()Gibt ein neu erstelltes
VTTRegion-Objekt zurück.
Instanz-Eigenschaften
VTTRegion.idEin String, der die Region identifiziert.
VTTRegion.widthRepräsentiert die Breite der Region, als Prozentsatz des Videos.
VTTRegion.linesRepräsentiert die Höhe der Region in Zeilenanzahl.
VTTRegion.regionAnchorXRepräsentiert den X-Versatz des Regionsankers, als Prozentsatz der Region.
VTTRegion.regionAnchorYRepräsentiert den Y-Versatz des Regionsankers, als Prozentsatz der Region.
VTTRegion.viewportAnchorXRepräsentiert den X-Versatz des Ansichtsfensterankers, als Prozentsatz des Videos.
VTTRegion.viewportAnchorYRepräsentiert den Y-Versatz des Ansichtsfensterankers, als Prozentsatz des Videos.
VTTRegion.scrollEin 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 widthregion.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> |