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 | W3C Working Draft |
IE | Edge | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|---|
108 | |||||
107 (1) | 107 | TP | |||
106 (1) | 106 | 16.1 | |||
11 | 105 | 105 (1) | 105 | 16.0 | 91 |
10 | 104 | 104 (1) | 104 | 15.6 | 90 |
9 | 103 | 103 (1) | 103 | 15.5 | 89 |
8 | 102 | 102 (1) | 102 | 15.4 | 88 |
Show all | |||||
7 | 101 | 101 (1) | 101 | 15.2-15.3 | 87 |
6 | 100 | 100 (1) | 100 | 15.1 | 86 |
5.5 | 99 | 99 (1) | 99 | 15 | 85 |
98 | 98 (1) | 98 | 14.1 | 84 | |
97 | 97 (1) | 97 | 14 | 83 | |
96 | 96 (1) | 96 | 13.1 | 82 | |
95 | 95 (1) | 95 | 13 (6) | 81 | |
94 | 94 (1) | 94 | 12.1 (6) | 80 | |
93 | 93 (1) | 93 | 12 (6) | 79 | |
92 | 92 (1) | 92 | 11.1 (6) | 78 | |
91 | 91 (1) | 91 | 11 (6) | 77 | |
90 | 90 (1) | 90 | 10.1 (6) | 76 | |
89 | 89 (1) | 89 | 10 (6) | 75 | |
88 | 88 (1) | 88 | 9.1 | 74 | |
87 | 87 (1) | 87 | 9 | 73 | |
86 | 86 (1) | 86 | 8 | 72 (7) | |
85 | 85 (1) | 85 | 7.1 | 71 (7) | |
84 | 84 (1) | 84 | 7 | 70 (7) | |
83 | 83 (1) | 83 | 6.1 | 69 (7) | |
81 | 82 (1) | 81 | 6 | 68 (7) | |
80 | 81 (1) | 80 | 5.1 | 67 (7) | |
79 | 80 (1) | 79 | 5 | 66 (7) | |
18 | 79 (1) | 78 | 4 | 65 (7) | |
17 | 78 (1) | 77 | 3.2 | 64 (7) | |
16 | 77 (1) | 76 | 3.1 | 63 (7) | |
15 | 76 (1) | 75 | 62 (7) | ||
14 | 75 (1) | 74 | 60 (7) | ||
13 | 74 (1) | 73 | 58 (7) | ||
12 | 73 (1) | 72 | 57 (7) | ||
72 (1) | 71 | 56 (7) | |||
71 (2,1,4) | 70 | 55 (7) | |||
70 (3,1,4) | 69 (5) | 54 (7) | |||
69 (3,1,4) | 68 | 53 (7) | |||
68 (3,1,4) | 67 | 52 (7) | |||
67 (4) | 66 | 51 (7) | |||
66 | 65 | 50 (7) | |||
65 | 64 | 49 (7) | |||
64 | 63 | 48 (7) | |||
63 | 62 | 47 (7) | |||
62 | 61 | 46 (7) | |||
61 | 60 | 45 (7) | |||
60 | 59 | 44 (7) | |||
59 | 58 | 43 (7) | |||
58 | 57 | 42 (7) | |||
57 | 56 | 41 (7) | |||
56 | 55 | 40 (7) | |||
55 | 54 | 39 (7) | |||
54 | 53 | 38 (7) | |||
53 | 52 | 37 (7) | |||
52 | 51 | 36 | |||
51 | 50 | 35 | |||
50 | 49 | 34 | |||
49 | 48 | 33 | |||
48 | 47 | 32 | |||
47 | 46 | 31 | |||
46 | 45 | 30 | |||
45 | 44 | 29 | |||
44 | 43 | 28 | |||
43 | 42 | 27 | |||
42 | 41 | 26 | |||
41 | 40 | 25 | |||
40 | 39 | 24 | |||
39 | 38 | 23 | |||
38 | 37 | 22 | |||
37 | 36 | 21 | |||
36 | 35 | 20 | |||
35 | 34 | 19 | |||
34 | 33 | 18 | |||
33 | 32 | 17 | |||
32 | 31 | 16 | |||
31 | 30 | 15 | |||
30 | 29 | 12.1 | |||
29 | 28 | 12 | |||
28 | 27 | 11.6 | |||
27 | 26 | 11.5 | |||
26 | 25 | 11.1 | |||
25 | 24 | 11 | |||
24 | 23 | 10.6 | |||
23 | 22 | 10.5 | |||
22 | 21 | 10.0-10.1 | |||
21 | 20 | 9.5-9.6 | |||
20 | 19 | 9 | |||
19 | 18 | ||||
18 | 17 | ||||
17 | 16 | ||||
16 | 15 | ||||
15 | 14 | ||||
14 | 13 | ||||
13 | 12 | ||||
12 | 11 | ||||
11 | 10 | ||||
10 | 9 | ||||
9 | 8 | ||||
8 | 7 | ||||
7 | 6 | ||||
6 | 5 | ||||
5 | 4 | ||||
4 | |||||
3.6 | |||||
3.5 | |||||
3 | |||||
2 |
Safari on iOS | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser | KaiOS Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|
16.1 | ||||||||||||
16.0 | all | 105 | 10 | 64 | 105 (8) | 104 (8) | 11 | 13.4 | 18.0 | 13.1 | 13.18 | 2.5 |
15.6 | 4.4.3-4.4.4 | 7 | 12.1 | 10 | 17.0 | |||||||
15.5 | 4.4 | 12 | 16.0 | |||||||||
15.4 | 4.2-4.3 | 11.5 | 15.0 | |||||||||
Show all | ||||||||||||
15.2-15.3 | 4.1 | 11.1 | 14.0 | |||||||||
15.0-15.1 | 4 | 11 | 13.0 | |||||||||
14.5-14.8 | 3 | 10 | 12.0 | |||||||||
14.0-14.4 | 2.3 | 11.1-11.2 | ||||||||||
13.4-13.7 (6) | 2.2 | 10.1 | ||||||||||
13.3 (6) | 2.1 | 9.2 | ||||||||||
13.2 (6) | 8.2 | |||||||||||
13.0-13.1 (6) | 7.2-7.4 | |||||||||||
12.2-12.5 (6) | 6.2-6.4 | |||||||||||
12.0-12.1 (6) | 5.0-5.4 | |||||||||||
11.3-11.4 (6) | 4 | |||||||||||
11.0-11.2 (6) | ||||||||||||
10.3 (6) | ||||||||||||
10.0-10.2 (6) | ||||||||||||
9.3 (6) | ||||||||||||
9.0-9.2 (6) | ||||||||||||
8.1-8.4 | ||||||||||||
8 | ||||||||||||
7.0-7.1 | ||||||||||||
6.0-6.1 | ||||||||||||
5.0-5.1 | ||||||||||||
4.2-4.3 | ||||||||||||
4.0-4.1 | ||||||||||||
3.2 |
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.
Partial support in Firefox 71 refers to being enabled by default only for Windows users.
Partial support in Firefox 68–70 refers to being enabled by default in Firefox pre-release channels for Windows users only.
Can be enabled in Firefox via the media.videocontrols.picture-in-picture.enabled
pref in about:config
.
Can be enabled in Chrome via the #enable-picture-in-picture
& #enable-surfaces-for-videos
flags in chrome://flags
.
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.
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.
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.
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/picture-in-picture