HTMLVideoElement: requestPictureInPicture()

Want more browser support for this feature? Tell us why.

HTMLVideoElement requestPictureInPicture()

Promise enterpictureinpicture

requestPictureInPicture()

Promise PictureInPictureWindow

NotSupportedError DOMException: T
SecurityError DOMException
InvalidStateError DOMException: video readState HAVE_NOTHING video video disablePictureInPicture true
NotAllowedError DOMException: document.pictureInPictureElement null

function enterPictureInPicture() {
  videoElement.requestPictureInPicture().then((pictureInPictureWindow) => {
    pictureInPictureWindow.addEventListener(
      "resize",
      () => onPipWindowResize(),
      false,
    );
  });
}


Picture-in-Picture # dom-htmlvideoelement-requestpictureinpicture

<video>
HTMLVideoElement.disablePictureInPicture
Document.pictureInPictureEnabled
Document.exitPictureInPicture()
Document.pictureInPictureElement
:picture-in-picture

MDN

MDN 2025122

GitHub

API
HTMLVideoElement
Picture-in-Picture API