HTMLVideoElement: enterpictureinpicture イベント

addEventListener("enterpictureinpicture", (event) => {});
onenterpictureinpicture = (event) => {};

const video = document.querySelector("#video");
const button = document.querySelector("#button");
function onEnterPip() {
  console.log("Picture-in-Picture mode activated!");
}
video.addEventListener("enterpictureinpicture", onEnterPip, false);
button.onclick = () => {
  video.requestPictureInPicture();
};

const video = document.querySelector("#video");
const button = document.querySelector("#button");
function onEnterPip() {
  console.log("Picture-in-Picture mode activated!");
}
video.onenterpictureinpicture = onEnterPip;
button.onclick = () => {
  video.requestPictureInPicture();
};