PictureInPictureEvent

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

See full compatibility

The PictureInPictureEvent interface represents picture-in-picture-related events, including enterpictureinpicture, leavepictureinpicture and resize.

Constructor

PictureInPictureEvent(): Creates a PictureInPictureEvent event with the given parameters.

Instance properties

This interface also inherits properties from its parent Event.

PictureInPictureEvent.pictureInPictureWindow: Returns the PictureInPictureWindow the event relates to.

Instance methods

This interface also inherits methods from its parent Event.

Specifications

Specification
Picture-in-Picture # event-types

Browser compatibility

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`PictureInPictureEvent`	Chrome – No support Chrome 69 – 84 (Release date: 2018-09-04) altname altname Alternate name: EnterPictureInPictureEvent Chrome – Full support Chrome 85 (Release date: 2020-08-25) footnote Full support	Edge – No support Edge 79 – 84 (Release date: 2020-01-15) altname altname Alternate name: EnterPictureInPictureEvent Edge – Full support Edge 85 (Release date: 2020-08-27) footnote Full support	Firefox – No support Firefox footnote footnote See bug 1463402	Opera – No support Opera 56 – 70 (Release date: 2018-09-25) altname altname Alternate name: EnterPictureInPictureEvent Opera – Full support Opera 71 (Release date: 2020-09-15) footnote Full support	Safari – Full support Safari 13.1 (Release date: 2020-03-24) altname altname Alternate name: EnterPictureInPictureEvent Safari – Full support Safari 16 (Release date: 2022-09-12) footnote Full support	Chrome Android – Full support Chrome Android 105 (Release date: 2022-09-02) footnote Full support	Firefox for Android – No support Firefox for Android footnote footnote See bug 1463402	Opera Android – Full support Opera Android 72 (Release date: 2022-10-21) footnote Full support	Safari on iOS – Full support Safari on iOS 13.4 (Release date: 2020-03-24) altname altname Alternate name: EnterPictureInPictureEvent Safari on iOS – Full support Safari on iOS 16 (Release date: 2022-09-12) footnote Full support	Samsung Internet – Full support Samsung Internet 20 (Release date: 2023-02-10) footnote Full support	WebView Android – No support WebView Android footnote No support	WebView on iOS – Full support WebView on iOS 13.4 (Release date: 2020-03-24) altname altname Alternate name: EnterPictureInPictureEvent WebView on iOS – Full support WebView on iOS 16 (Release date: 2022-09-12) footnote Full support
`PictureInPictureEvent()` constructor	Chrome – No support Chrome 69 – 84 (Release date: 2018-09-04) altname altname Alternate name: EnterPictureInPictureEvent Chrome – Full support Chrome 85 (Release date: 2020-08-25) footnote Full support	Edge – No support Edge 79 – 84 (Release date: 2020-01-15) altname altname Alternate name: EnterPictureInPictureEvent Edge – Full support Edge 85 (Release date: 2020-08-27) footnote Full support	Firefox – No support Firefox footnote footnote See bug 1463402	Opera – No support Opera 56 – 70 (Release date: 2018-09-25) altname altname Alternate name: EnterPictureInPictureEvent Opera – Full support Opera 71 (Release date: 2020-09-15) footnote Full support	Safari – Full support Safari 13.1 (Release date: 2020-03-24) altname altname Alternate name: EnterPictureInPictureEvent Safari – Full support Safari 16 (Release date: 2022-09-12) footnote Full support	Chrome Android – Full support Chrome Android 105 (Release date: 2022-09-02) footnote Full support	Firefox for Android – No support Firefox for Android footnote footnote See bug 1463402	Opera Android – Full support Opera Android 72 (Release date: 2022-10-21) footnote Full support	Safari on iOS – Full support Safari on iOS 13.4 (Release date: 2020-03-24) altname altname Alternate name: EnterPictureInPictureEvent Safari on iOS – Full support Safari on iOS 16 (Release date: 2022-09-12) footnote Full support	Samsung Internet – Full support Samsung Internet 20 (Release date: 2023-02-10) footnote Full support	WebView Android – No support WebView Android footnote No support	WebView on iOS – Full support WebView on iOS 13.4 (Release date: 2020-03-24) altname altname Alternate name: EnterPictureInPictureEvent WebView on iOS – Full support WebView on iOS 16 (Release date: 2022-09-12) footnote Full support
`pictureInPictureWindow`	Chrome – Full support Chrome 69 (Release date: 2018-09-04) footnote Full support	Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – No support Firefox footnote footnote See bug 1463402	Opera – Full support Opera 56 (Release date: 2018-09-25) footnote Full support	Safari – Full support Safari 13.1 (Release date: 2020-03-24) footnote Full support	Chrome Android – Full support Chrome Android 105 (Release date: 2022-09-02) footnote Full support	Firefox for Android – No support Firefox for Android footnote footnote See bug 1463402	Opera Android – Full support Opera Android 72 (Release date: 2022-10-21) footnote Full support	Safari on iOS – Full support Safari on iOS 13.4 (Release date: 2020-03-24) footnote Full support	Samsung Internet – Full support Samsung Internet 20 (Release date: 2023-02-10) footnote Full support	WebView Android – No support WebView Android footnote No support	WebView on iOS – Full support WebView on iOS 13.4 (Release date: 2020-03-24) footnote Full support

Tip: you can click/tap on a cell for more information.

Full support: Full support
No support: No support
: See implementation notes.
: Uses a non-standard name
: Has more compatibility info.

See also

The Event base interface

This page was last modified on Sep 23, 2024 by MDN contributors.

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.