The onenterpictureinpicture
property of the HTMLVideoElement
interface is an EventHandler
that processes HTMLVideoElement.enterpictureinpicture
events.
The enterpictureinpicture
event fires after the video has succesfully 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();
}
Specification
Specification | Status | Comment |
UnknownThe definition of 'HTMLVideoElement.onenterpictureinpicture' in that specification. | Unknown |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
No compatibility data found. Please contribute data for "api.HTMLVideoElement.onenterpictureinpicture" (depth: 1) to the MDN compatibility data repository.
See also
HTMLVideoElement.onenterpictureinpicture by Mozilla Contributors is licensed under CC-BY-SA 2.5.