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

View in English Always switch to English

VTTCue: position プロパティ

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月.

positionVTTCue インターフェイスのプロパティで、キューの行内での字下げを表します。

数値、または "auto" でキューの行内での字下げを表します。

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

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

track.addCue(cue1);

仕様書

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

ブラウザーの互換性