{ "title":"Picture-in-Picture", "description":"Allows websites to create a floating video window that is always on top of other windows so that users may continue consuming media while they interact with other sites or applications on their device.", "spec":"https://wicg.github.io/picture-in-picture/", "status":"unoff", "links":[ { "url":"https://googlechrome.github.io/samples/picture-in-picture/", "title":"Sample video" }, { "url":"https://developer.apple.com/documentation/webkitjs/adding_picture_in_picture_to_your_safari_media_controls", "title":"Safari equivalent API" }, { "url":"https://blogs.opera.com/desktop/2016/04/opera-beta-update-video-pop/", "title":"Opera equivalent Video Pop Out feature" }, { "url":"https://github.com/WICG/picture-in-picture/blob/master/implementation-status.md", "title":"Implementation Status" }, { "url":"https://bugzilla.mozilla.org/show_bug.cgi?id=1519885", "title":"Firefox implementation bug" } ], "bugs":[ ], "categories":[ "JS API" ], "stats":{ "ie":{ "5.5":"n", "6":"n", "7":"n", "8":"n", "9":"n", "10":"n", "11":"n" }, "edge":{ "12":"n", "13":"n", "14":"n", "15":"n", "16":"n", "17":"n", "18":"n", "79":"y", "80":"y", "81":"y", "83":"y", "84":"y" }, "firefox":{ "2":"n", "3":"n", "3.5":"n", "3.6":"n", "4":"n", "5":"n", "6":"n", "7":"n", "8":"n", "9":"n", "10":"n", "11":"n", "12":"n", "13":"n", "14":"n", "15":"n", "16":"n", "17":"n", "18":"n", "19":"n", "20":"n", "21":"n", "22":"n", "23":"n", "24":"n", "25":"n", "26":"n", "27":"n", "28":"n", "29":"n", "30":"n", "31":"n", "32":"n", "33":"n", "34":"n", "35":"n", "36":"n", "37":"n", "38":"n", "39":"n", "40":"n", "41":"n", "42":"n", "43":"n", "44":"n", "45":"n", "46":"n", "47":"n", "48":"n", "49":"n", "50":"n", "51":"n", "52":"n", "53":"n", "54":"n", "55":"n", "56":"n", "57":"n", "58":"n", "59":"n", "60":"n", "61":"n", "62":"n", "63":"n", "64":"n", "65":"n", "66":"n", "67":"n d #4", "68":"a #3 #1 #4", "69":"a #3 #1 #4", "70":"a #3 #1 #4", "71":"a #2 #1 #4", "72":"a #1", "73":"a #1", "74":"a #1", "75":"a #1", "76":"a #1", "77":"a #1", "78":"a #1", "79":"a #1", "80":"a #1", "81":"a #1", "82":"a #1" }, "chrome":{ "4":"n", "5":"n", "6":"n", "7":"n", "8":"n", "9":"n", "10":"n", "11":"n", "12":"n", "13":"n", "14":"n", "15":"n", "16":"n", "17":"n", "18":"n", "19":"n", "20":"n", "21":"n", "22":"n", "23":"n", "24":"n", "25":"n", "26":"n", "27":"n", "28":"n", "29":"n", "30":"n", "31":"n", "32":"n", "33":"n", "34":"n", "35":"n", "36":"n", "37":"n", "38":"n", "39":"n", "40":"n", "41":"n", "42":"n", "43":"n", "44":"n", "45":"n", "46":"n", "47":"n", "48":"n", "49":"n", "50":"n", "51":"n", "52":"n", "53":"n", "54":"n", "55":"n", "56":"n", "57":"n", "58":"n", "59":"n", "60":"n", "61":"n", "62":"n", "63":"n", "64":"n", "65":"n", "66":"n", "67":"n", "68":"n", "69":"n d #5", "70":"y", "71":"y", "72":"y", "73":"y", "74":"y", "75":"y", "76":"y", "77":"y", "78":"y", "79":"y", "80":"y", "81":"y", "83":"y", "84":"y", "85":"y", "86":"y", "87":"y", "88":"y" }, "safari":{ "3.1":"n", "3.2":"n", "4":"n", "5":"n", "5.1":"n", "6":"n", "6.1":"n", "7":"n", "7.1":"n", "8":"n", "9":"n", "9.1":"n", "10":"a #6", "10.1":"a #6", "11":"a #6", "11.1":"a #6", "12":"a #6", "12.1":"a #6", "13":"a #6", "13.1":"y", "14":"y", "TP":"y" }, "opera":{ "9":"n", "9.5-9.6":"n", "10.0-10.1":"n", "10.5":"n", "10.6":"n", "11":"n", "11.1":"n", "11.5":"n", "11.6":"n", "12":"n", "12.1":"n", "15":"n", "16":"n", "17":"n", "18":"n", "19":"n", "20":"n", "21":"n", "22":"n", "23":"n", "24":"n", "25":"n", "26":"n", "27":"n", "28":"n", "29":"n", "30":"n", "31":"n", "32":"n", "33":"n", "34":"n", "35":"n", "36":"n", "37":"a #7", "38":"a #7", "39":"a #7", "40":"a #7", "41":"a #7", "42":"a #7", "43":"a #7", "44":"a #7", "45":"a #7", "46":"a #7", "47":"a #7", "48":"a #7", "49":"a #7", "50":"a #7", "51":"a #7", "52":"a #7", "53":"a #7", "54":"a #7", "55":"a #7", "56":"a #7", "57":"a #7", "58":"a #7", "60":"a #7", "62":"a #7", "63":"a #7", "64":"a #7", "65":"a #7", "66":"a #7", "67":"a #7", "68":"a #7", "69":"a #7", "70":"a #7" }, "ios_saf":{ "3.2":"n", "4.0-4.1":"n", "4.2-4.3":"n", "5.0-5.1":"n", "6.0-6.1":"n", "7.0-7.1":"n", "8":"n", "8.1-8.4":"n", "9.0-9.2":"a #6", "9.3":"a #6", "10.0-10.2":"a #6", "10.3":"a #6", "11.0-11.2":"a #6", "11.3-11.4":"a #6", "12.0-12.1":"a #6", "12.2-12.4":"a #6", "13.0-13.1":"a #6", "13.2":"a #6", "13.3":"a #6", "13.4-13.5":"a #6", "14.0":"y" }, "op_mini":{ "all":"n" }, "android":{ "2.1":"n", "2.2":"n", "2.3":"n", "3":"n", "4":"n", "4.1":"n", "4.2-4.3":"n", "4.4":"n", "4.4.3-4.4.4":"n", "81":"n" }, "bb":{ "7":"n", "10":"n" }, "op_mob":{ "10":"n", "11":"n", "11.1":"n", "11.5":"n", "12":"n", "12.1":"n", "46":"n" }, "and_chr":{ "84":"a #8" }, "and_ff":{ "79":"a #8" }, "ie_mob":{ "10":"n", "11":"n" }, "and_uc":{ "12.12":"n" }, "samsung":{ "4":"n", "5.0-5.4":"n", "6.2-6.4":"n", "7.2-7.4":"n", "8.2":"n", "9.2":"n", "10.1":"n", "11.1-11.2":"n", "12.0":"n" }, "and_qq":{ "10.4":"n" }, "baidu":{ "7.12":"n" }, "kaios":{ "2.5":"n" } }, "notes":"", "notes_by_num":{ "1":"Partial support in Firefox refers to the fact that Mozilla provides an equivalent proprietary feature, which allows users to use Picture-in-Picture mode for all playing videos.", "2":"Partial support in Firefox 71 refers to being enabled by default only for Windows users.", "3":"Partial support in Firefox 68\u201370 refers to being enabled by default in Firefox pre-release channels for Windows users only.", "4":"Can be enabled in Firefox via the `media.videocontrols.picture-in-picture.enabled` pref in `about:config`.", "5":"Can be enabled in Chrome via the `#enable-picture-in-picture` & `#enable-surfaces-for-videos` flags in `chrome://flags`.", "6":"Partial support in Safari refers to the fact that Apple provides an equivalent proprietary API for Picture-in-Picture, which is only supported by macOS 10.12 Sierra & iOS 9 and newer.", "7":"Partial support in Opera refers to the fact that Opera provides an equivalent proprietary feature named Video Pop Out, which allows users to use Picture-in-Picture mode for all playing videos.", "8":"Automatically plays fullscreen videos in Picture-in-Picture mode after user hits Home Screen button. Only Android 8.0 Oreo and newer provide appropriate API for Picture-in-Picture." }, "usage_perc_y":34.82, "usage_perc_a":52.93, "ucprefix":false, "parent":"", "keywords":"Picture-in-Picture,PictureInPicture,pip,pop-out,autoPictureInPicture,disablePictureInPicture,auto,disable,picture in picture,pseudo", "ie_id":"pictureinpicture", "chrome_id":"5729206566649856", "firefox_id":"", "webkit_id":"", "shown":true }