VTTCue: vertical 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起，所有主流浏览器均已支持。

VTTCue 接口的 vertical 属性是一个字符串，表示提示（cue）的写入方向。

值

包含以下值之一的字符串：

""（空字符串）: 表示水平写入方向。
"rl": 表示向左生长的垂直写入方向。
"lr": 表示向右生长的垂直写入方向。

示例

在以下示例中，创建了一个新的 VTTCue，然后将 vertical 的值设置为 "rl"。然后将该值打印到控制台。

let video = document.querySelector("video");
let track = video.addTextTrack("captions", "Captions", "en");
track.mode = "showing";

let cue = new VTTCue(0, 0.9, "Hildy!");
cue.vertical = "rl";
console.log(cue.vertical);

track.addCue(cue);

规范

规范
WebVTT：网页视频文本轨道格式 # dom-vttcue-vertical

浏览器兼容性

帮助改进 MDN

了解如何贡献

此页面最后修改于 ⁨2025年7月20日⁩，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的问题