The positionAlign
property of the VTTCue
interface is used to determine what VTTCue.position
is anchored to.
The positionAlign
property of the VTTCue
interface is used to determine what VTTCue.position
is anchored to.
A string containing one of the following values:
"line-left"
Line-left alignment.
"center"
Center alignment.
"line-right"
Line-right alignment.
"auto"
Automatic alignment, which depends on the text alignment of the cue, interpreted as follows:
In the following example a new VTTCue
is created, then the value of positionAlign
is set to "line-right"
. The value is then printed to the console.
js
let video = document.querySelector("video"); let track = video.addTextTrack("captions", "Captions", "en"); track.mode = "showing"; let cue1 = new VTTCue(0, 0.9, "Hildy!"); cue1.positionAlign = "line-right"; console.log(cue1.positionAlign); track.addCue(cue1);
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
positionAlign |
No | No | 31 | No | No | 14.1 | No | No | 31 | No | 14.5 | No |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/VTTCue/positionAlign