BASELINE NowYouCanUse.com

Limited Availability

id: picture-in-picture

Picture-in-picture (video)

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

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

69

Supported

Mozilla Firefox

153

Supported

Apple Safari

13.1

Supported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

105

Firefox Android

—

Safari iOS

13.4

Specifications and References

Specification ↗ Can I Use (picture-in-picture) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.Document.exitPictureInPicture ↗ api.Document.pictureInPictureElement ↗ api.Document.pictureInPictureEnabled ↗ api.HTMLVideoElement.disablePictureInPicture ↗ api.HTMLVideoElement.enterpictureinpicture_event ↗ api.HTMLVideoElement.leavepictureinpicture_event ↗ api.HTMLVideoElement.requestPictureInPicture ↗ api.PictureInPictureEvent ↗ api.PictureInPictureEvent.PictureInPictureEvent ↗ api.PictureInPictureEvent.pictureInPictureWindow ↗ api.PictureInPictureWindow ↗ api.PictureInPictureWindow.height ↗ api.PictureInPictureWindow.resize_event ↗ api.PictureInPictureWindow.width ↗ api.ShadowRoot.pictureInPictureElement ↗ css.at-rules.media.display-mode.picture-in-picture ↗ css.selectors.picture-in-picture ↗ html.elements.iframe.allow.picture-in-picture ↗ html.elements.video.disablepictureinpicture ↗ http.headers.Permissions-Policy.picture-in-picture ↗