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

BCD tables only load in the browser