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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
VTTRegion
VTTRegion() constructor
id
lines
regionAnchorX
regionAnchorY
scroll
viewportAnchorX
viewportAnchorY
width

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support