You’re reading the English version of this content since no translation exists yet for this locale. Help us translate this article!
VTTRegion interface—part of the API for handling WebVTT (text tracks on media presentations)—describes a portion of the video to render a
- Returns a newly created
DOMStringthat identifies the region.
doublerepresenting the width of the region, as a percentage of the video.
doublerepresenting the height of the region, in number of lines.
doublerepresenting the region anchor X offset, as a percentage of the region.
doublerepresenting the region anchor Y offset, as a percentage of the region.
doublerepresenting the viewport anchor X offset, as a percentage of the video.
doublerepresenting the viewport anchor Y offset, as a percentage of the video.
- An enum representing how adding new cues will move existing cues.
var 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. var cue = new VTTCue(2, 3, 'Cool text to be displayed'); cue.region = region; // This cue will be drawn only within this region.
|WebVTT: The Web Video Text Tracks Format||Candidate Recommendation|
No compatibility data found. Please contribute data for "api.VTTRegion" (depth: 1) to the MDN compatibility data repository.