OLD | NEW |
---|---|
(Empty) | |
1 <!doctype html> | |
2 <style> | |
3 ::backdrop { | |
4 background: green; | |
5 } | |
6 </style> | |
7 | |
8 <p>Test that fullscreen object elements get a ::backdrop. You should see a green background when the object element is fullscreen.</p> | |
9 <object type="application/x-shockwave-flash" data="../plugins/resources/simple_b lank.swf" width="100" height="100"></object> | |
10 <button id='button'>Go fullscreen</button> | |
philipj_slow
2015/09/29 08:05:22
Could remove the id and use querySelector in both
dsinclair
2015/10/01 14:50:13
Switched to getElementById. Was requested to do th
| |
11 | |
12 <script> | |
13 var object = document.querySelector('object'); | |
14 document.querySelector('button').addEventListener('click', function() { | |
15 object.webkitRequestFullscreen(); | |
16 }); | |
17 if (window.testRunner) { | |
18 testRunner.waitUntilDone(); | |
19 document.addEventListener('webkitfullscreenchange', function() { | |
20 testRunner.notifyDone(); | |
21 }); | |
22 | |
23 var button = document.getElementById('button'); | |
24 eventSender.mouseMoveTo(button.offsetLeft + button.offsetWidth / 2, button.o ffsetTop + button.offsetHeight / 2); | |
25 eventSender.mouseDown(); | |
26 eventSender.mouseUp(); | |
27 } | |
28 </script> | |
OLD | NEW |