coderef

Picture-in-picture (video)Limited availability

The picture-in-picture API allow websites to create a floating, always-on-top video window. Also known as PiP or pop-out video.

Not yet supported in all major browsers — check the table and provide a fallback.

Browser support

DesktopChrome
1–68Not supported
69+Supportedsince Sep 4, 2018
Current: 155
Edge
12–18Not supported
79+Supportedsince Jan 15, 2020
Current: 154
Firefox
1–152Not supported
153+Supportedsince Jul 21, 2026
Current: 157
Safari
1–13Not supported
13.1+Supportedsince Mar 24, 2020
Current: 27
MobileChrome Android
18–104Not supported
105+Supportedsince Sep 2, 2022
Current: 155
Firefox Android
✕Not supportedup to 157
Current: 157
Safari iOS
1–13Not supported
13.4+Supportedsince Mar 24, 2020
Current: 27

How to use

Not supported in Firefox Android. Use feature detection below and provide a fallback (or a polyfill) for those browsers.

Example

Full syntax and examples are on MDN: exitPictureInPicture.

Feature detection

CSS · check before using
@supports selector(:picture-in-picture) {
  /* styles that use :picture-in-picture */
}

/* or in JavaScript */
if (CSS.supports("selector(:picture-in-picture)")) {
  // use it
}

Sub-features

Support for each part of the feature (20). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
Document.exitPictureInPicture697915313.1105✕13.4
Document.pictureInPictureElement697915313.1105✕13.4
Document.pictureInPictureEnabled697915313.1105✕13.4
HTMLVideoElement.disablePictureInPicture6979✕13.1105✕13.4
HTMLVideoElement.enterpictureinpicture_event697915313.1105✕13.4
HTMLVideoElement.leavepictureinpicture_event697915313.1105✕13.4
HTMLVideoElement.requestPictureInPicture697915313.1105✕13.4
PictureInPictureEvent858515316105✕16
PictureInPictureEvent.PictureInPictureEvent858515316105✕16
PictureInPictureEvent.pictureInPictureWindow858515316105✕16
PictureInPictureWindow697915313.1105✕13.4
PictureInPictureWindow.height697915313.1105✕13.4
PictureInPictureWindow.resize_event697915313.1105✕13.4
PictureInPictureWindow.width697915313.1105✕13.4
ShadowRoot.pictureInPictureElement697915313.1105✕13.4
@media.display-mode.picture-in-picture123123151✕✕151✕
picture-in-picture11011015313.1110✕13.4
iframe.allow.picture-in-picture6979153✕105✕✕
video.disablepictureinpicture6979✕13.1105✕13.4
http.headers.Permissions-Policy.picture-in-picture8888✕✕105✕✕