<html>
<head>
    <title>Test video contained in fullscreen element going into pip should exit fullscreen</title>
    <script src="media-file.js"></script>
    <script src="video-test.js"></script>
    <script>
        if (window.internals)
            window.internals.settings.setAllowsPictureInPictureMediaPlayback(true);

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

            consoleWrite("Container div going into Full Screen");
            videoContainer.addEventListener('webkitfullscreenchange', onfullscreenchange);
            runWithKeyDown(function(){ videoContainer.webkitRequestFullscreen(); });
        }

        function onfullscreenchange()
        {
            testExpected("document.webkitCurrentFullScreenElement", videoContainer);
            testExpected("video.webkitPresentationMode", "inline")

            videoContainer.removeEventListener('webkitfullscreenchange', onfullscreenchange);

            consoleWrite("Video going into Picture-in-Picture");
            video.addEventListener('webkitpresentationmodechanged', onpresentationmodechanged);
            runWithKeyDown(function() { video.webkitSetPresentationMode("picture-in-picture"); });
        }

        function onpresentationmodechanged()
        {
            consoleWrite("Entered Picture-in-Picture from Full Screen");
            testExpected("document.webkitCurrentFullScreenElement", null);
            testExpected("video.webkitPresentationMode", "picture-in-picture");

            endTest();
        }

    </script>
</head>
<body onload="init()">
    Tests video contained in fullscreen element going into pip should exit fullscreen<br>
    <div id="videoContainer">
        <video controls></video>
    </div>
</body>
</html>