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.

::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 :

The properties are applied to the entire set of cues as if they were a single unit. The only exception is that background and its shorthand properties apply to each cue individually, to avoid creating boxes and obscuring unexpectedly large areas of the media.

Syntaxe

::cue | ::cue( <selector> )

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.

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

Spécifications

Spécification État Commentaires
WebVTT: The Web Video Text Tracks Format
La définition de '::cue' dans cette spécification.
Candidat au statut de recommandation Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
::cueChrome Support complet 26Edge Aucun support NonFirefox Support complet 55
Notes
Support complet 55
Notes
Notes Firefox currently does not support a parameter on ::cue.
IE Aucun support NonOpera Support complet 15Safari Support complet 6.1WebView Android Support complet OuiChrome Android Support complet 26Firefox Android Support complet 55Opera Android Support complet 14Safari iOS Support complet 6.1Samsung Internet Android Support complet 1.5

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Voir les notes d'implémentation.
Voir les notes d'implémentation.

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight, mdnwebdocs-bot
Dernière mise à jour par : SphinxKnight,