:picture-in-picture
La pseudo-classe CSS :picture-in-picture cible les éléments qui sont présentement affichés en incrustation vidéo (picture-in-picture).
Syntaxe
:picture-in-picture
Notes d'utilisation
La pseudo-classe :picture-in-picture permet de configurer les feuilles de style pour ajuster automatiquement la taille, la mise en forme ou la disposition du contenu lorsqu'une vidéo passe de l'incrustation vidéo à l'affichage normal et réciproquement.
Exemples
Dans cet exemple, la boîte de la vidéo aura une ombre portée rouge ou non selon qu'elle est affichée en incrustation vidéo ou non.
CSS
:picture-in-picture {
box-shadow: 0 0 0 5px red;
}
Spécifications
| Specification |
|---|
| Selectors Level 4 # pip-state |
Compatibilité des navigateurs
BCD tables only load in the browser