HTMLVideoElement.onenterpictureinpicture

The onenterpictureinpicture property of the HTMLVideoElement interface is an event handler that processes HTMLVideoElement.enterpictureinpicture events.

The enterpictureinpicture event fires after the video has successfully entered picture-in-picture mode.

Syntax

video.onenterpictureinpicture = functionRef;

Value

functionRef is a function name or a function expression. The function receives a FocusEvent object as its sole argument.

Examples

Window size logger

<button id="button>Enter Picture-in-Picture</button>
<video id="video" muted autoplay src=""></video>

const video = document.querySelector('#video');
const button = document.querySelector('#button');

function onEnterPip() {
  console.log("Picture-in-Picture mode activated!");
}

video.onenterpictureinpicture = onEnterPip;

button.onclick = function() => {
  video.requestPictureInPicture();
}

Specifications

Specification
Picture-in-Picture # dom-htmlvideoelement-onenterpictureinpicture

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`onenterpictureinpicture`	69	79	No	No	56	13.1	No	No	No	No	13.4	No