OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <script> | |
5 var runPixelTests = true; | |
6 | |
7 function init() { | |
8 // Bail out early if the full screen API is not enabled or is missin
g: | |
9 if (Element.prototype.webkitRequestFullScreen == undefined) { | |
10 logResult(false, "Element.prototype.webkitRequestFullScreen == u
ndefined"); | |
11 endTest(); | |
12 } else { | |
13 waitForEventAndEnd(document, 'webkitfullscreenchange'); | |
14 runWithKeyDown(goFullScreen); | |
15 } | |
16 } | |
17 | |
18 function goFullScreen() { | |
19 video.webkitRequestFullScreen(); | |
20 } | |
21 </script> | |
22 <script src="../../fullscreen/full-screen-test.js"></script> | |
23 <style> | |
24 .content { | |
25 -webkit-flow-into: content-flow; | |
26 } | |
27 | |
28 .region { | |
29 -webkit-flow-from: content-flow; | |
30 border: 1px solid red; | |
31 margin: 10px; | |
32 padding: 10px; | |
33 height: 480px; | |
34 } | |
35 </style> | |
36 </head> | |
37 <body onload="init()"> | |
38 <div>This tests the full screen video playing from a region flow. | |
39 After entering full screen mode, only the full screen video should be v
isible. | |
40 Click <button onclick="goFullScreen()">go full screen</button> to run t
he test.</div> | |
41 <video class="content" height="270" width="480" id="video" controls autoplay
loop></video> | |
42 <div class="region"></div> | |
43 </body> | |
44 </html> | |
OLD | NEW |