1 <p>

     2     This test requires that accelerated compositing be disabled. Clicking the Test button should completely reveal the black-bordered box.

     3     The orange video should completely fill the box, with the controller visible and touching the bottom of the box. There should be

     4     not be any red visible.

     5 </p>

     6 <p>

     7     <button onclick="test()">Test</button>

     8 </p>

     9 <div style="overflow: hidden; border: solid blue; position: relative;">

    10     <div style="height: 100px; padding: 0 8px;">

    11     </div>

    12     <object type="video/quicktime" style="background-color: red; width: 300px; height: 241px; position: absolute; top: 50px; left: 40px; border: solid black;">

    13         <param name="src" value="resources/orange.mov">

    14         <param name="controller" value="true">

    15         <param name="autoplay" value="false">

    16         <param name="scale" value="tofit">

    17     </object>

    18     <div id="target"></div>

    19     <script>

    20         function test()

    21         {

    22             document.getElementById("target").style.height = "500px";

    23         }

    24     </script>

    25 </div>