OLD | NEW |
---|---|
1 :-webkit-full-screen { | 1 :not(:root):-webkit-full-screen { |
2 background-color: white; | 2 position: fixed !important; |
3 z-index: 2147483647 !important; | 3 top: 0 !important; |
4 } | 4 right: 0 !important; |
5 | 5 bottom: 0 !important; |
6 :root:-webkit-full-screen-document:not(:-webkit-full-screen), :root:-webkit-full -screen-ancestor { | |
7 overflow: hidden !important; | |
8 } | |
9 | |
10 :-webkit-full-screen-ancestor:not(iframe) { | |
11 z-index: auto !important; | |
12 position: static !important; | |
13 opacity: 1 !important; | |
14 transform: none !important; | |
15 -webkit-mask: none !important; | |
16 clip: none !important; | |
17 -webkit-filter: none !important; | |
18 transition: none !important; | |
19 -webkit-box-reflect: none !important; | |
20 -webkit-perspective: none !important; | |
21 -webkit-transform-style: flat !important; | |
22 } | |
23 | |
24 video:-webkit-full-screen, audio:-webkit-full-screen { | |
25 background-color: transparent !important; | |
26 position: relative !important; | |
27 left: 0 !important; | 6 left: 0 !important; |
28 top: 0 ! important; | |
29 margin: 0 !important; | 7 margin: 0 !important; |
8 box-sizing: border-box !important; | |
30 min-width: 0 !important; | 9 min-width: 0 !important; |
31 max-width: none !important; | 10 max-width: none !important; |
32 min-height: 0 !important; | 11 min-height: 0 !important; |
33 max-height: none !important; | 12 max-height: none !important; |
34 width: 100% !important; | 13 width: 100% !important; |
35 height: 100% !important; | 14 height: 100% !important; |
36 flex: 1 !important; | 15 object-fit: contain !important; |
37 display: block !important; | 16 } |
17 | |
18 iframe:-webkit-full-screen { | |
19 border: none; | |
20 } | |
21 | |
22 :-webkit-full-screen::backdrop { | |
23 position: fixed; | |
24 top: 0; | |
25 right: 0; | |
26 bottom: 0; | |
27 left: 0; | |
28 background: black; | |
29 } | |
30 | |
31 /* Anything below are extensions over what the Fullscreen API (14 October 2014) mandates. */ | |
philipj_slow
2015/02/12 08:19:16
Awesome to split this out, thanks!
| |
32 | |
33 /* This is required for https://crbug.com/356282 */ | |
34 video:-webkit-full-screen, audio:-webkit-full-screen { | |
38 transform: none !important; | 35 transform: none !important; |
39 } | 36 } |
40 | 37 |
41 img:-webkit-full-screen { | 38 /* This prevents video from overflowing the viewport in |
42 width: auto; | 39 virtual/android/fullscreen/video-scrolled-iframe.html |
43 height: 100%; | 40 FIXME: We should remove this (see crbug.com/441890). */ |
44 max-width: 100%; | 41 :root:-webkit-full-screen-ancestor { |
42 overflow: hidden; | |
45 } | 43 } |
46 | |
47 iframe:-webkit-full-screen { | |
48 margin: 0 !important; | |
49 padding: 0 !important; | |
50 border: 0 !important; | |
51 position: fixed !important; | |
52 min-width: 0 !important; | |
53 max-width: none !important; | |
54 min-height: 0 !important; | |
55 max-height: none !important; | |
56 width: 100% !important; | |
57 height: 100% !important; | |
58 left: 0 !important; | |
59 top: 0 !important; | |
60 } | |
OLD | NEW |