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

瀏覽器相容性