:picture-in-picture
A selector that matches a media element (like <video>) when it is currently being played in a floating 'picture-in-picture' window.
Quick example
video:picture-in-picture {
/* Hide some controls or change opacity when in PiP mode */
box-shadow: none;
background: transparent;
}:picture-in-picture Browser Support
Limited availability 90% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
110+
13.1+
110+