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.
Compatibility (view on caniuse.com)
- Chrome 69 Released on 2018-09-04
- Chrome Android 105 Released on 2022-09-02
- Edge 79 Released on 2020-01-15
- Firefox ❌ See bugzil.la/1463402
- Firefox for Android ❌ See bugzil.la/1463402
- Safari 13.1 Released on 2020-03-24
- Safari on iOS 13.4 Released on 2020-03-24
MDN docs
- Document.exitPictureInPicture
- Document.pictureInPictureElement
- Document.pictureInPictureEnabled
- HTMLVideoElement.disablePictureInPicture
- HTMLVideoElement.enterpictureinpicture_event
- HTMLVideoElement.leavepictureinpicture_event
- HTMLVideoElement.requestPictureInPicture
- PictureInPictureWindow
- PictureInPictureWindow.height
- PictureInPictureWindow.resize_event
- PictureInPictureWindow.width
- ShadowRoot.pictureInPictureElement
Specifications
BCD data
- api.Document.exitPictureInPicture
- api.Document.pictureInPictureElement
- api.Document.pictureInPictureEnabled
- api.HTMLVideoElement.disablePictureInPicture
- api.HTMLVideoElement.enterpictureinpicture_event
- api.HTMLVideoElement.leavepictureinpicture_event
- api.HTMLVideoElement.requestPictureInPicture
- api.PictureInPictureWindow
- api.PictureInPictureWindow.height
- api.PictureInPictureWindow.resize_event
- api.PictureInPictureWindow.width
- api.ShadowRoot.pictureInPictureElement
- html.elements.video.disablepictureinpicture