:picture-in-picture

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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

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

Voir aussi