VTTCue:positionAlign 属性

有限可用性

此功能不是基线功能,因为它在一些最广泛使用的浏览器中不起作用。

positionAlign 属性是 VTTCue 接口的一个属性,用于确定 VTTCue.position 的锚定位置。

包含以下值之一的字符串

"line-left"

左对齐。

"center"

居中对齐。

"line-right"

右对齐。

"auto"

自动对齐,这取决于提示的文本对齐方式,解释如下

  • line-left: 如果文本对齐方式为左对齐,提示使用 LTR 语言且文本对齐方式为开始,或者提示使用 RTL 语言且文本对齐方式为结束。
  • line-right: 如果文本对齐方式为右对齐,提示使用 RTL 语言且文本对齐方式为开始,或者提示使用 LTR 语言且文本对齐方式为结束。
  • center: 如果没有设置文本对齐位置。

示例

在以下示例中,创建了一个新的 VTTCue,然后将 positionAlign 的值设置为 "line-right"。然后将该值打印到控制台。

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.positionAlign = "line-right";
console.log(cue1.positionAlign);

track.addCue(cue1);

规范

规范
WebVTT:Web 视频文本轨迹格式
# dom-vttcue-positionalign

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。