| <!DOCTYPE html> |
| <title>::backdrop for a fullscreen video element</title> |
| <script src="../trusted-click.js"></script> |
| <style> |
| video::backdrop { |
| background: green; |
| } |
| /* A video element in fullscreen will always get controls. |
| ::-webkit-media-controls shouldn't be exposed to the web, but it is, so abuse |
| it to hide the controls and simplify the test expectations. */ |
| video::-webkit-media-controls { |
| display: none; |
| } |
| </style> |
| <video></video> |
| <script> |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| var t = { step_func: func => func() }; |
| trusted_request(t, document.querySelector("video")); |
| document.addEventListener("fullscreenchange", function() { |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| }); |
| </script> |
