<html>
    <head>
        <script>
            function toggleDisplay()
            {
                var video = document.getElementById('vid');
                if (video.style.display == "none")
                    video.style.display = "inline-block";
                else
                    video.style.display = "none";
                document.body.offsetLeft;
            }
            function test()
            {
                if (window.layoutTestController)
                    layoutTestController.waitUntilDone();
                document.getElementById('vid').addEventListener("canplaythrough", test2);
            }
            function test2()
            {
                toggleDisplay();
                toggleDisplay();

                if (window.layoutTestController)
                    setTimeout(function() { layoutTestController.notifyDone(); }, 100);
            }
        </script>
    </head>
    <body onload="test()">
        This tests that toggling the display property won't make the controls disappear.<br>
        <video id="vid" controls src="content/test.mp4"></video>
    </body>
</html>