Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(10)

Side by Side Diff: third_party/WebKit/LayoutTests/fullscreen/full-screen-video-has-backdrop.html

Issue 1363023005: Implement FullScreen using top layer. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!doctype html>
2 <style>
3 #wrapper {
4 display: flex;
5 justify-content: center;
6 }
7
8 ::backdrop {
9 background: green;
10 }
11 </style>
12
13 <script>
14 function goFullscreen() {
15 document.getElementById('wrapper').webkitRequestFullscreen();
16 }
17 </script>
18
19 <p>Test that fullscreen object elements get a ::backdrop. You should see a green background when the object element is fullscreen.</p>
20
21 <div id='wrapper'>
22 <object type="application/x-shockwave-flash" data="../plugins/resources/simple _blank.swf" width="100" height="100" id='object'></object>
23 </div>
24
25 <button id='button' onclick='goFullscreen()'>Go fullscreen</button>
26
27 <script>
28 if (window.testRunner) {
29 testRunner.waitUntilDone();
30 document.addEventListener('webkitfullscreenchange', function() {
31 testRunner.notifyDone();
32 });
33
34 function thunk() {
35 document.removeEventListener("keypress", thunk);
36 goFullscreen();
37 }
38 document.addEventListener("keypress", thunk);
39 if (window.eventSender)
40 eventSender.keyDown(" ", []);
41
42 testRunner.notifyDone();
43 }
44 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698