<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>not in document &lt;video&gt; element fullscreen test</title>

        <script src=video-test.js></script>
        <script src=media-fullscreen.js></script>
        <script>
            var movieInfo = 
            {
                current : -1,
                movies : 
                [ 
                    {
                        url : "content/counting.mp4", 
                        description : "because it has video", 
                        supportsFS : true,
                        inline : false,
                        type : 'video',
                    },
                    {
                        url : "content/silence.mpg", 
                        description : "", 
                        supportsFS : false,
                        inline : false,
                        type : 'audio',
                    },
                ]
            };
        </script>
    </head>

    <body onload="openNextMovie()">

        <p>Test media element fullscreen API when an element is not in the DOM.</p>

        <div id='parent'>
        </div>
        <br>
        <input type="button" id="button" value="Enter Fullscreen" onmouseup="buttonClickHandler()"> 

    </body>
</html>