| 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 |