API for allowing content (like a video or canvas element) to take up the entire screen.
Spec | https://fullscreen.spec.whatwg.org/ |
---|---|
Status | WHATWG Living Standard |
IE | Edge | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|---|
108 | |||||
107 | 107 | TP (3,*) | |||
106 | 106 | 16.1 (3,*) | |||
11 (3,*) | 105 | 105 | 105 | 16.0 (3,*) | 91 |
10 | 104 | 104 | 104 | 15.6 (3,*) | 90 |
9 | 103 | 103 | 103 | 15.5 (3,*) | 89 |
8 | 102 | 102 | 102 | 15.4 (3,*) | 88 |
Show all | |||||
7 | 101 | 101 | 101 | 15.2-15.3 (2,3,*) | 87 |
6 | 100 | 100 | 100 | 15.1 (2,3,*) | 86 |
5.5 | 99 | 99 | 99 | 15 (2,3,*) | 85 |
98 | 98 | 98 | 14.1 (2,3,*) | 84 | |
97 | 97 | 97 | 14 (2,3,*) | 83 | |
96 | 96 | 96 | 13.1 (2,3,*) | 82 | |
95 | 95 | 95 | 13 (2,3,*) | 81 | |
94 | 94 | 94 | 12.1 (2,3,*) | 80 | |
93 | 93 | 93 | 12 (2,3,*) | 79 | |
92 | 92 | 92 | 11.1 (2,3,*) | 78 | |
91 | 91 | 91 | 11 (2,3,*) | 77 | |
90 | 90 | 90 | 10.1 (2,3,*) | 76 | |
89 | 89 | 89 | 10 (2,3,*) | 75 | |
88 | 88 | 88 | 9.1 (2,3,*) | 74 | |
87 | 87 | 87 | 9 (2,3,*) | 73 | |
86 | 86 | 86 | 8 (2,3,*) | 72 | |
85 | 85 | 85 | 7.1 (2,3,*) | 71 | |
84 | 84 | 84 | 7 (2,3,*) | 70 | |
83 | 83 | 83 | 6.1 (2,3,*) | 69 | |
81 | 82 | 81 | 6 (2,3,*) | 68 | |
80 | 81 | 80 | 5.1 (1,3,*) | 67 | |
79 | 80 | 79 | 5 | 66 | |
18 (3) | 79 | 78 | 4 | 65 | |
17 (3) | 78 | 77 | 3.2 | 64 | |
16 (3) | 77 | 76 | 3.1 | 63 (2,3,*) | |
15 (3) | 76 | 75 | 62 (2,3,*) | ||
14 (3) | 75 | 74 | 60 (2,3,*) | ||
13 (3) | 74 | 73 | 58 (2,3,*) | ||
12 (3) | 73 | 72 | 57 (2,3,*) | ||
72 | 71 | 56 (2,3,*) | |||
71 | 70 (2,3,*) | 55 (2,3,*) | |||
70 | 69 (2,3,*) | 54 (2,3,*) | |||
69 | 68 (2,3,*) | 53 (2,3,*) | |||
68 | 67 (2,3,*) | 52 (2,3,*) | |||
67 | 66 (2,3,*) | 51 (2,3,*) | |||
66 | 65 (2,3,*) | 50 (2,3,*) | |||
65 | 64 (2,3,*) | 49 (2,3,*) | |||
64 | 63 (2,3,*) | 48 (2,3,*) | |||
63 (1,3,4,*) | 62 (2,3,*) | 47 (2,3,*) | |||
62 (1,3,4,*) | 61 (2,3,*) | 46 (2,3,*) | |||
61 (1,3,4,*) | 60 (2,3,*) | 45 (2,3,*) | |||
60 (1,3,4,*) | 59 (2,3,*) | 44 (2,3,*) | |||
59 (1,3,4,*) | 58 (2,3,*) | 43 (2,3,*) | |||
58 (1,3,4,*) | 57 (2,3,*) | 42 (2,3,*) | |||
57 (1,3,4,*) | 56 (2,3,*) | 41 (2,3,*) | |||
56 (1,3,4,*) | 55 (2,3,*) | 40 (2,3,*) | |||
55 (1,3,4,*) | 54 (2,3,*) | 39 (2,3,*) | |||
54 (1,3,4,*) | 53 (2,3,*) | 38 (2,3,*) | |||
53 (1,3,4,*) | 52 (2,3,*) | 37 (2,3,*) | |||
52 (1,3,4,*) | 51 (2,3,*) | 36 (2,3,*) | |||
51 (1,3,4,*) | 50 (2,3,*) | 35 (2,3,*) | |||
50 (1,3,4,*) | 49 (2,3,*) | 34 (2,3,*) | |||
49 (1,3,4,*) | 48 (2,3,*) | 33 (2,3,*) | |||
48 (1,3,4,*) | 47 (2,3,*) | 32 (2,3,*) | |||
47 (1,3,4,*) | 46 (2,3,*) | 31 (2,3,*) | |||
46 (1,3,*) | 45 (2,3,*) | 30 (2,3,*) | |||
45 (1,3,*) | 44 (2,3,*) | 29 (2,3,*) | |||
44 (1,3,*) | 43 (2,3,*) | 28 (2,3,*) | |||
43 (1,3,*) | 42 (2,3,*) | 27 (2,3,*) | |||
42 (1,3,*) | 41 (2,3,*) | 26 (2,3,*) | |||
41 (1,3,*) | 40 (2,3,*) | 25 (2,3,*) | |||
40 (1,3,*) | 39 (2,3,*) | 24 (2,3,*) | |||
39 (1,3,*) | 38 (2,3,*) | 23 (2,3,*) | |||
38 (1,3,*) | 37 (2,3,*) | 22 (2,3,*) | |||
37 (1,3,*) | 36 (2,3,*) | 21 (2,3,*) | |||
36 (1,3,*) | 35 (2,3,*) | 20 (2,3,*) | |||
35 (1,3,*) | 34 (2,3,*) | 19 (2,3,*) | |||
34 (1,3,*) | 33 (2,3,*) | 18 (2,3,*) | |||
33 (1,3,*) | 32 (2,3,*) | 17 (2,3,*) | |||
32 (1,3,*) | 31 (2,3,*) | 16 (2,3,*) | |||
31 (1,3,*) | 30 (2,3,*) | 15 (2,3,*) | |||
30 (1,3,*) | 29 (2,3,*) | 12.1 | |||
29 (1,3,*) | 28 (2,3,*) | 12 | |||
28 (1,3,*) | 27 (2,3,*) | 11.6 | |||
27 (1,3,*) | 26 (2,3,*) | 11.5 | |||
26 (1,3,*) | 25 (2,3,*) | 11.1 | |||
25 (1,3,*) | 24 (2,3,*) | 11 | |||
24 (1,3,*) | 23 (2,3,*) | 10.6 | |||
23 (1,3,*) | 22 (2,3,*) | 10.5 | |||
22 (1,3,*) | 21 (2,3,*) | 10.0-10.1 | |||
21 (1,3,*) | 20 (2,3,*) | 9.5-9.6 | |||
20 (1,3,*) | 19 (1,3,*) | 9 | |||
19 (1,3,*) | 18 (1,3,*) | ||||
18 (1,3,*) | 17 (1,3,*) | ||||
17 (1,3,*) | 16 (1,3,*) | ||||
16 (1,3,*) | 15 (1,3,*) | ||||
15 (1,3,*) | 14 | ||||
14 (1,3,*) | 13 | ||||
13 (1,3,*) | 12 | ||||
12 (1,3,*) | 11 | ||||
11 (1,3,*) | 10 | ||||
10 (1,3,*) | 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 (5) | ||||||||||||
16.0 (5) | all | 105 | 10 (2,*) | 64 | 105 | 104 | 11 (3,*) | 13.4 | 18.0 | 13.1 | 13.18 | 2.5 |
15.6 (5) | 4.4.3-4.4.4 | 7 | 12.1 | 10 | 17.0 | |||||||
15.5 (5) | 4.4 | 12 | 16.0 | |||||||||
15.4 (5) | 4.2-4.3 | 11.5 | 15.0 | |||||||||
Show all | ||||||||||||
15.2-15.3 (5) | 4.1 | 11.1 | 14.0 | |||||||||
15.0-15.1 (5) | 4 | 11 | 13.0 | |||||||||
14.5-14.8 (5) | 3 | 10 | 12.0 | |||||||||
14.0-14.4 (5) | 2.3 | 11.1-11.2 | ||||||||||
13.4-13.7 (5) | 2.2 | 10.1 | ||||||||||
13.3 (5) | 2.1 | 9.2 (2,3,*) | ||||||||||
13.2 (5) | 8.2 (2,3,*) | |||||||||||
13.0-13.1 (5) | 7.2-7.4 (2,3,*) | |||||||||||
12.2-12.5 (5) | 6.2-6.4 (2,3,*) | |||||||||||
12.0-12.1 (5) | 5.0-5.4 (2,3,*) | |||||||||||
11.3-11.4 | 4 (2,3,*) | |||||||||||
11.0-11.2 | ||||||||||||
10.3 | ||||||||||||
10.0-10.2 | ||||||||||||
9.3 | ||||||||||||
9.0-9.2 | ||||||||||||
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 refers to supporting an earlier draft of the spec.
Partial support refers to not supporting ::backdrop
, and supporting the old :full-screen
syntax rather than the standard :fullscreen
.
Partial support refers to not returning a Promise, as specified in the latest version of the spec.
Unprefixed support is available behind the full-screen-api.unprefix.enabled
flag
Partial support refers to supporting only iPad, not iPhone. Shows an overlay button which can not be disabled.
IE 11 doesn't allow going to fullscreen mode when the event that triggers msRequestFullscreen()
is a keydown
or pointerdown
event (keypress
and click
do work)
Safari blocks access to keyboard events in fullscreen mode (as a security measure).
Safari doesn't support stacking, meaning only one element can be set to full screen. webkitRequestFullScreen()
is ignored for other elements and no error event is dispatched.
IE 11 does not allow scrolling when document.documentElement is set to full screen.
IE 11 does not properly support fullscreen when opening from an iframe.
Opera 12.1 uses the older specificaton's :fullscreen-ancestor
pseudo-class instead of the the ::backdrop
pseudo-element.
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/fullscreen