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 |
浏览器兼容性
加载中…