VTTCue: align 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流浏览器均已支持。

VTTCue 接口的 align 属性表示文本框中所有文本行的对齐方式。

包含以下值之一的字符串:

"start"

起始对齐。

"center"

居中对齐。

"end"

末尾对齐。

"left"

左对齐。

右对齐。

示例

在下面的示例中,创建一个新的 VTTCue,然后将 align 的值设置为 "start"。然后将该值打印到控制台。

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

let cue = new VTTCue(0, 0.9, "Hildy!");
cue.align = "start";
console.log(cue.align);

track.addCue(cue);

规范

规范
WebVTT:网页视频文本轨道格式
# dom-vttcue-align

浏览器兼容性