| <html> |
| <head> |
| <title>Test presentation mode after entering fullscreen via Fullscreen API</title> |
| <script src="media-file.js"></script> |
| <script src="video-test.js"></script> |
| <script> |
| if (window.internals) |
| window.internals.settings.setAllowsPictureInPictureMediaPlayback(true); |
| |
| var requestedFullscreen = false; |
| |
| function init() |
| { |
| findMediaElement(); |
| video.addEventListener('canplaythrough', oncanplaythrough); |
| video.src = findMediaFile('video', 'content/test'); |
| } |
| |
| function oncanplaythrough() |
| { |
| if (!('webkitSupportsPresentationMode' in video && 'webkitPresentationMode' in video)) { |
| failTest("Presentation mode is not supported in this video element.") |
| return; |
| } |
| |
| testExpected("video.webkitPresentationMode", "inline"); |
| |
| video.addEventListener('webkitpresentationmodechanged', onpresentationmodechanged); |
| |
| consoleWrite("Going into Full Screen"); |
| runWithKeyDown(function(){ video.webkitRequestFullscreen(); }); |
| requestedFullscreen = true; |
| } |
| |
| function onpresentationmodechanged() |
| { |
| if (requestedFullscreen) { |
| testExpected("video.webkitPresentationMode", "fullscreen"); |
| |
| consoleWrite("Exiting Full Screen"); |
| runWithKeyDown(function(){ video.webkitExitFullScreen(); }); |
| requestedFullscreen = false; |
| return; |
| } |
| |
| testExpected("video.webkitPresentationMode", "inline"); |
| endTest(); |
| } |
| |
| </script> |
| </head> |
| <body onload="init()"> |
| Tests that the video's presentation mode is updated accordingly after entering and exiting Full Screen<br> |
| <video controls></video> |
| </body> |
| </html> |
| |