5 var runPixelTests
= true;
8 waitForEventAndEnd(document
, 'webkitfullscreenchange');
9 runWithKeyDown(goFullScreen
);
12 function goFullScreen() {
13 document
.getElementById('video').webkitRequestFullScreen();
16 <script src=
"full-screen-test.js"></script>
25 background-color: red;
29 transform: rotate(
180);
30 -webkit-mask: -webkit-linear-gradient(left, alpha
0%, white
100%);
31 -webkit-filter: contrast(
100%);
32 clip:rect(
0px,
100px,
100px,
0px);
33 -webkit-box-reflect: below;
34 -webkit-transform-style: preserve-
3d;
35 -webkit-perspective:
300;
44 background-color: black;
48 <body onload=
"init()">
49 <div>This tests that a full screen element in a lower stacking context blocks a sibling in a higher stacking context.
50 After entering full screen mode, only a black box should be visible.
51 Click
<button onclick=
"goFullScreen()">go full screen
</button> to run the test.
</div>
54 <video id=
"video"></video>