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

View in English Always switch to English

VTTCue: vertical プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。

verticalVTTCue インターフェイスのプロパティで、このキューの書字方向を表す文字列です。

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

"" (空文字列)

横書きであることを表します。

"rl"

左方向に進む縦書きであることを表します。

"lr"

右方向に進む縦書きであることを表します。

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

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

track.addCue(cue1);

仕様書

仕様書
WebVTT: The Web Video Text Tracks Format
# dom-vttcue-vertical

ブラウザーの互換性