VTTCue.lineAlign

The lineAlign property of the VTTCue interface represents the alignment of this VTT cue.

Syntax

let lineAlign = VTTCue.lineAlign;
VTTCue.lineAlign = a;

Value

A string containing one of the following values:

"start"

Start alignment.

"center"

Center alignment.

"end"

End alignment.

Examples

In the following example a new VTTCue is created, then the value of lineAlign is set to "center". The value is then printed to the console.

let video = document.querySelector('video');
let track = video.addTextTrack("captions", "Captions", "en");
track.mode = "showing";

let cue1 = new VTTCue(0, 0.9, 'Hildy!');
cue1.lineAlign = 'center';
console.log(cue1.lineAlign);

track.addCue(cue1);

Specifications

Specification
WebVTT: The Web Video Text Tracks Format
# dom-vttcue-linealign

Browser compatibility

BCD tables only load in the browser