{ "ref-for-dom-document-exitpictureinpicture": [ { "engines": [ "blink", "webkit" ], "filename": "api/Document.json", "name": "exitPictureInPicture", "slug": "API/Document/exitPictureInPicture", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/Document/exitPictureInPicture", "summary": "The Document method exitPictureInPicture() requests that a video contained in this document, which is currently floating, be taken out of picture-in-picture mode, restoring the previous state of the screen. This usually reverses the effects of a previous call to HTMLVideoElement.requestPictureInPicture().", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": { "version_added": "79" } }, "title": "Document: exitPictureInPicture() method" } ], "ref-for-dom-documentorshadowroot-pictureinpictureelement①⑤": [ { "engines": [ "blink", "webkit" ], "filename": "api/Document.json", "name": "pictureInPictureElement", "slug": "API/Document/pictureInPictureElement", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/Document/pictureInPictureElement", "summary": "The Document.pictureInPictureElement read-only property returns the Element that is currently being presented in picture-in-picture mode in this document, or null if picture-in-picture mode is not currently in use.", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": { "version_added": "79" } }, "title": "Document: pictureInPictureElement property" }, { "engines": [ "blink", "webkit" ], "filename": "api/ShadowRoot.json", "name": "pictureInPictureElement", "slug": "API/ShadowRoot/pictureInPictureElement", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/pictureInPictureElement", "summary": "The pictureInPictureElement read-only property of the ShadowRoot interface returns the Element that is currently being presented in picture-in-picture mode in this shadow tree, or null if picture-in-picture mode is not currently in use.", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "ShadowRoot: pictureInPictureElement property" } ], "ref-for-dom-document-pictureinpictureenabled": [ { "engines": [ "blink", "webkit" ], "filename": "api/Document.json", "name": "pictureInPictureEnabled", "slug": "API/Document/pictureInPictureEnabled", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/Document/pictureInPictureEnabled", "summary": "The read-only pictureInPictureEnabled property of the Document interface indicates whether or not picture-in-picture mode is available.", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": { "version_added": "79" } }, "title": "Document: pictureInPictureEnabled property" } ], "disable-pip": [ { "engines": [ "blink", "webkit" ], "filename": "api/HTMLVideoElement.json", "name": "disablePictureInPicture", "slug": "API/HTMLVideoElement/disablePictureInPicture", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement/disablePictureInPicture", "summary": "The HTMLVideoElement disablePictureInPicture property reflects the HTML attribute indicating whether the picture-in-picture feature is disabled for the current element.", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": { "version_added": "79" } }, "title": "HTMLVideoElement: disablePictureInPicture property" } ], "eventdef-htmlvideoelement-enterpictureinpicture": [ { "engines": [ "blink", "webkit" ], "filename": "api/HTMLVideoElement.json", "name": "enterpictureinpicture_event", "slug": "API/HTMLVideoElement/enterpictureinpicture_event", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement/enterpictureinpicture_event", "summary": "The enterpictureinpicture event is fired when the HTMLVideoElement enters picture-in-picture mode successfully.", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": { "version_added": "79" } }, "title": "HTMLVideoElement: enterpictureinpicture event" } ], "dom-htmlvideoelement-onenterpictureinpicture": [ { "engines": [ "blink", "webkit" ], "filename": "api/HTMLVideoElement.json", "name": "enterpictureinpicture_event", "slug": "API/HTMLVideoElement/enterpictureinpicture_event", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement/enterpictureinpicture_event", "summary": "The enterpictureinpicture event is fired when the HTMLVideoElement enters picture-in-picture mode successfully.", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": { "version_added": "79" } }, "title": "HTMLVideoElement: enterpictureinpicture event" } ], "eventdef-htmlvideoelement-leavepictureinpicture": [ { "engines": [ "blink", "webkit" ], "filename": "api/HTMLVideoElement.json", "name": "leavepictureinpicture_event", "slug": "API/HTMLVideoElement/leavepictureinpicture_event", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement/leavepictureinpicture_event", "summary": "The leavepictureinpicture event is fired when the HTMLVideoElement leaves picture-in-picture mode successfully.", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": { "version_added": "79" } }, "title": "HTMLVideoElement: leavepictureinpicture event" } ], "dom-htmlvideoelement-onleavepictureinpicture": [ { "engines": [ "blink", "webkit" ], "filename": "api/HTMLVideoElement.json", "name": "leavepictureinpicture_event", "slug": "API/HTMLVideoElement/leavepictureinpicture_event", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement/leavepictureinpicture_event", "summary": "The leavepictureinpicture event is fired when the HTMLVideoElement leaves picture-in-picture mode successfully.", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": { "version_added": "79" } }, "title": "HTMLVideoElement: leavepictureinpicture event" } ], "request-pip": [ { "engines": [ "blink", "webkit" ], "filename": "api/HTMLVideoElement.json", "name": "requestPictureInPicture", "slug": "API/HTMLVideoElement/requestPictureInPicture", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement/requestPictureInPicture", "summary": "The HTMLVideoElement method requestPictureInPicture() issues an asynchronous request to display the video in picture-in-picture mode.", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": { "version_added": "79" } }, "title": "HTMLVideoElement: requestPictureInPicture() method" } ], "dom-pictureinpictureevent-pictureinpictureevent": [ { "engines": [ "blink", "webkit" ], "filename": "api/PictureInPictureEvent.json", "name": "PictureInPictureEvent", "slug": "API/PictureInPictureEvent/PictureInPictureEvent", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/PictureInPictureEvent/PictureInPictureEvent", "summary": "The PictureInPictureEvent() constructor returns a new PictureInPictureEvent object with an optional EventTarget. When the event has both a source and a destination, the relatedTarget value must be set to the other target.", "support": { "chrome": [ { "version_added": "85" }, { "version_added": "69", "version_removed": "85", "alternative_name": "EnterPictureInPictureEvent" } ], "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": [ { "version_added": "16" }, { "version_added": "13.1", "alternative_name": "EnterPictureInPictureEvent" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": [ { "version_added": "85" }, { "version_added": false, "version_removed": "85", "alternative_name": "EnterPictureInPictureEvent" } ] }, "title": "PictureInPictureEvent: PictureInPictureEvent() constructor" } ], "event-types": [ { "engines": [ "blink", "webkit" ], "filename": "api/PictureInPictureEvent.json", "name": "PictureInPictureEvent", "slug": "API/PictureInPictureEvent", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/PictureInPictureEvent", "summary": "The PictureInPictureEvent interface represents picture-in-picture-related events, including enterpictureinpicture, leavepictureinpicture and resize", "support": { "chrome": [ { "version_added": "85" }, { "version_added": "69", "version_removed": "85", "alternative_name": "EnterPictureInPictureEvent" } ], "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": [ { "version_added": "16" }, { "version_added": "13.1", "alternative_name": "EnterPictureInPictureEvent" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": [ { "version_added": "85" }, { "version_added": false, "version_removed": "85", "alternative_name": "EnterPictureInPictureEvent" } ] }, "title": "PictureInPictureEvent" } ], "ref-for-dom-pictureinpicturewindow-height": [ { "engines": [ "blink", "webkit" ], "filename": "api/PictureInPictureWindow.json", "name": "height", "slug": "API/PictureInPictureWindow/height", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/PictureInPictureWindow/height", "summary": "The read-only PictureInPictureWindow property height returns the height of the floating video window in pixels.", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": { "version_added": "79" } }, "title": "PictureInPictureWindow: height property" } ], "eventdef-pictureinpicturewindow-resize": [ { "engines": [ "blink", "webkit" ], "filename": "api/PictureInPictureWindow.json", "name": "resize_event", "slug": "API/PictureInPictureWindow/resize_event", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/PictureInPictureWindow/resize_event", "summary": "The resize event fires when the floating video window has been resized.", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": { "version_added": "79" } }, "title": "PictureInPictureWindow: resize event" } ], "dom-pictureinpicturewindow-onresize": [ { "engines": [ "blink", "webkit" ], "filename": "api/PictureInPictureWindow.json", "name": "resize_event", "slug": "API/PictureInPictureWindow/resize_event", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/PictureInPictureWindow/resize_event", "summary": "The resize event fires when the floating video window has been resized.", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": { "version_added": "79" } }, "title": "PictureInPictureWindow: resize event" } ], "ref-for-dom-pictureinpicturewindow-width": [ { "engines": [ "blink", "webkit" ], "filename": "api/PictureInPictureWindow.json", "name": "width", "slug": "API/PictureInPictureWindow/width", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/PictureInPictureWindow/width", "summary": "The read-only PictureInPictureWindow property width returns the width of the floating video window in pixels.", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": { "version_added": "79" } }, "title": "PictureInPictureWindow: width property" } ], "interface-picture-in-picture-window": [ { "engines": [ "blink", "webkit" ], "filename": "api/PictureInPictureWindow.json", "name": "PictureInPictureWindow", "slug": "API/PictureInPictureWindow", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/PictureInPictureWindow", "summary": "The PictureInPictureWindow interface represents an object able to programmatically obtain the width and height and resize event of the floating video window.", "support": { "chrome": { "version_added": "69" }, "chrome_android": { "version_added": "105" }, "edge": "mirror", "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "13.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": false }, "edge_blink": { "version_added": "79" } }, "title": "PictureInPictureWindow" } ], "permissions-policy": [ { "engines": [ "blink" ], "filename": "http/headers/Feature-Policy.json", "name": "picture-in-picture", "slug": "HTTP/Headers/Feature-Policy/picture-in-picture", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Feature-Policy/picture-in-picture", "summary": "The HTTP Permissions-Policy header picture-in-picture directive controls whether the current document is allowed to play a video in a Picture-in-Picture mode.", "support": { "chrome": { "version_added": "71" }, "chrome_android": { "version_added": false }, "edge": { "version_added": false }, "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": { "version_added": false }, "opera_android": "mirror", "safari": { "version_added": false }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "Permissions-Policy: picture-in-picture" }, { "engines": [ "blink" ], "filename": "http/headers/Permissions-Policy.json", "name": "picture-in-picture", "slug": "HTTP/Headers/Permissions-Policy/picture-in-picture", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy/picture-in-picture", "summary": "The HTTP Permissions-Policy header picture-in-picture directive controls whether the current document is allowed to play a video in a Picture-in-Picture mode.", "support": { "chrome": [ { "version_added": "88" }, { "version_added": "71", "alternative_name": "Feature-Policy" } ], "chrome_android": { "version_added": false }, "edge": { "version_added": false }, "firefox": { "version_added": false }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": { "version_added": false }, "opera_android": "mirror", "safari": { "version_added": false }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": [ { "version_added": "88" }, { "version_added": "79", "alternative_name": "Feature-Policy" } ] }, "title": "Permissions-Policy: picture-in-picture" } ] }