Pseudo-classe CSS :stalled
Baseline 2026
Nouvellement disponible
Depuis août 2026, cette fonctionnalité fonctionne sur les appareils et les versions de navigateur les plus récents. Elle peut ne pas fonctionner sur les appareils ou navigateurs plus anciens.
Vous voulez une meilleure prise en charge pour cette fonctionnalité ? Dites-nous pourquoi.
La pseudo-classe CSS :stalled représente un élément qui est lisible, tel que <audio> ou <video>, lorsque la lecture est bloquée.
Une ressource est considérée comme étant bloquée si l'utilisateur·ice a demandé la lecture d'une position spécifique dans la ressource multimédia, mais qu'elle n'a pas réussi à recevoir de données pendant un certain temps.
Cela diffère de :buffering en ce sens que l'élément multimédia ne charge pas de données de manière inattendue lorsqu'il est bloqué (par exemple, en raison d'une erreur réseau) pendant environ 3 secondes (le temps exact dépend de l'agent utilisateur (angl.)).
Note :
Comme avec la pseudo-classe :buffering, l'élément est toujours considéré comme « en lecture » lorsqu'il est « bloqué ».
Si :stalled correspond à un élément, :playing correspondra également à cet élément.
Syntaxe
:stalled {
/* ... */
}
Exemples
CSS
:stalled {
outline: 5px solid red;
}
audio:stalled {
background-color: red;
}
Spécifications
| Spécification |
|---|
| Selectors Level 4 # selectordef-stalled |
| HTML # selector-stalled |
Compatibilité des navigateurs
Voir aussi
- La pseudo-classe
:buffering - La pseudo-classe
:muted - La pseudo-classe
:paused - La pseudo-classe
:playing - La pseudo-classe
:seeking - La pseudo-classe
:volume-locked - Les sélecteurs CSS
- L'évènement
stalled