Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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

js
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