<html>
    <head>
        <script src="media-file.js"></script>
        <script src="video-test.js"></script>
        <script>

            function start()
            {
                if (!window.internals) {
                    failTest('This test requires window.internals.');
                    return;
                }

                findMediaElement();

                run('internals.settings.setAllowsInlineMediaPlayback(false)');
                run('internals.setMediaElementRestrictions(video, "RequireUserGestureForFullscreen")');

                waitForEvent('canplaythrough', canplaythrough)
                waitForEvent('webkitfullscreenchange', fullscreenChanged, false, true, document)
                waitForEvent('click', clickHandler, false, true, document.getElementById('button'))

                consoleWrite('* set video.src');
                video.src = findMediaFile('video', 'content/test');
                consoleWrite('');
            }

            function canplaythrough()
            {
                consoleWrite('');
                if (window.eventSender) {
                    consoleWrite('* video.play() should fail ');
                    run('video.play()');
                    testExpected('video.paused', true);
                    consoleWrite('');

                    consoleWrite('* clicking button<br>');
                    var button = document.getElementById('button');
                    eventSender.mouseMoveTo(button.offsetLeft + 20, button.offsetTop + 7);
                    eventSender.mouseDown();
                    eventSender.mouseUp();
                } else {
                    consoleWrite('* click on the "Click me!" button to proceed<br>');
                }
            }

            function clickHandler()
            {
                consoleWrite('* video.play() should work from within a click handler');
                testExpected('video.paused', true);
                run('video.play()');
                consoleWrite('');
                failTestIn(2000);
            }

            function fullscreenChanged()
            {
                testExpected('video.paused', false);
                consoleWrite('');
                endTest();
            }
        </script>
    </head>

    <body onload="start()">
        <p>Test that "fullscreen requires user gesture restriction" is removed by a user gesture.</p>
        <video controls></video>
        <button id="button" >Click me!</button><br>
    </body>
</html>