[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/ja/docs/Web/API/PictureInPictureWindow [Back]  [Original]

PictureInPictureWindow - Web API | MDN

MDN Web Docs

View in English Always switch to English

PictureInPictureWindow

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

PictureInPictureWindow widthheightresize

HTMLVideoElement.requestPictureInPicture()

EventTarget PictureInPictureWindow

PictureInPictureWindow

PictureInPictureWindow.width

PictureInPictureWindow.height

PictureInPictureWindow

PictureInPictureWindow

resize

PictureInPictureWindow

<button> <video>

js
const button = document.querySelector("button");
const video = document.querySelector("video");

function printPipWindowDimensions(evt) {
  const pipWindow = evt.target;
  console.log(
    `: ${pipWindow.width}x${pipWindow.height}px`,
  );
  // :
  // : 640x360px
}

button.onclick = () => {
  video.requestPictureInPicture().then((pictureInPictureWindow) => {
    pictureInPictureWindow.onresize = printPipWindowDimensions;
  });
};

Picture-in-Picture
# interface-picture-in-picture-window


Web Proxy Viewer  |  New URL  |  Original Page