::cue

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Le pseudo-élément CSS ::cue permet de cibler les indications textuelles WebVTT d'un élément. Ce pseudo-élément peut être utilisé afin de mettre en forme les légendes et autres indications textuelles pour les médias avec des pistes VTT.

css
::cue {
  color: yellow;
  font-weight: bold;
}

Propriétés autorisées

Seul un sous-ensemble des propriétés CSS peut être utilisé avec le pseudo-élément ::cue :

Les propriétés sont appliquées à l'ensembles des indications (comme si celles-ci formaient un seul ensemble). Seule background (ou les propriétés raccourcies associées) s'appliquent à chaque indication séparément (afin d'éviter de créer des boîtes qui masqueraient de grandes zones sur le média).

Syntaxe

Error: could not find syntax for this item

Exemples

La règle CSS suivante permet d'avoir les indications textuelles dans un texte blanc et sur un arrière-plan qui est une boîte noire transparent.

css
::cue {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}

Spécifications

Specification
WebVTT: The Web Video Text Tracks Format
# the-cue-pseudo-element

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi