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