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 的浏览器中加载。