VTTCue: align プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

align は VTTCue インターフェイスのプロパティで、このテキストボックス内のテキストの行すべての配置を表します。

値

文字列で、以下のいずれかの値になります。

"start"

先頭への配置。

"center"

中央への配置。

"end"

末尾への配置。

"left"

左への配置。

右への配置。

例

次の例では、新しい VTTCue が作成され、 align の値に "start" が設定されます。この値はコンソールに出力されます。

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.align = "start";
console.log(cue1.align);

track.addCue(cue1);

仕様書

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

ブラウザーの互換性

BCD tables only load in the browser