このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

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 ⁨2020年1月⁩.

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

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

"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

ブラウザーの互換性