VTTCue:positionAlign 属性

可用性有限

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

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

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

"line-left"

行左对齐。

"center"

居中对齐。

"line-right"

行右对齐。

"auto"

自动对齐,取决于 cue 的文本对齐方式,解释如下:

  • line-left: 如果文本对齐方式为 left,或者 cue 使用 LTR 语言且文本对齐方式为 start,或者 cue 使用 RTL 语言且文本对齐方式为 end。
  • line-right: 如果文本对齐方式为 right,或者 cue 使用 RTL 语言且文本对齐方式为 start,或者 cue 使用 LTR 语言且文本对齐方式为 end。
  • center: 如果没有设置文本对齐位置。

示例

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

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

let cue = new VTTCue(0, 0.9, "Hildy!");
cue.positionAlign = "line-right";
console.log(cue.positionAlign);

track.addCue(cue);

规范

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

浏览器兼容性