VTTCue: positionAlign-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Die positionAlign-Eigenschaft des VTTCue-Interfaces wird verwendet, um zu bestimmen, woran VTTCue.position verankert ist.

Wert

Ein String, der einen der folgenden Werte enthält:

"line-left"

Linien-linke Ausrichtung.

"center"

Zentrums-Ausrichtung.

"line-right"

Linien-rechte Ausrichtung.

"auto"

Automatische Ausrichtung, die von der Textausrichtung des Cue abhängt und wie folgt interpretiert wird:

  • line-left: wenn die Textausrichtung links ist, der Cue eine LTR-Sprache verwendet und die Textausrichtung Anfang ist, oder der Cue eine RTL-Sprache verwendet und die Textausrichtung Ende ist.
  • line-right: wenn die Textausrichtung rechts ist, der Cue eine RTL-Sprache verwendet und die Textausrichtung Anfang ist, oder der Cue eine LTR-Sprache verwendet und die Textausrichtung Ende ist.
  • center: wenn keine Textausrichtungsposition festgelegt ist.

Beispiele

Im folgenden Beispiel wird ein neues VTTCue erstellt, dann wird der Wert von positionAlign auf "line-right" gesetzt. Der Wert wird dann in der Konsole ausgegeben.

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);

Spezifikationen

Specification
WebVTT: The Web Video Text Tracks Format
# dom-vttcue-positionalign

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
positionAlign

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
See implementation notes.