[Modern Media Controls] Turn media/modern-media-controls/ios-inline-media-controls...
[WebKit-https.git] / LayoutTests / media / audio-controls-rendering.html
1 <!-- webkit-test-runner [ enableModernMediaControls=false ] -->
2 <html>
3     <head>
4         <style>
5             audio { background-color: blue; } 
6         </style>
7         <script src=media-file.js></script>
8         <script>
9             function test()
10             {
11                 setSrcByTagName("audio", findMediaFile("audio", "content/test"));
12
13                 if (window.testRunner) {
14                     testRunner.waitUntilDone();
15                     setTimeout(function() { 
16                         document.body.appendChild(document.createTextNode('FAIL')); 
17                         if (window.testRunner)
18                                 testRunner.notifyDone();
19                     } , 8000);
20                 }
21                 var count = document.getElementsByTagName('audio').length;
22                 document.addEventListener("canplaythrough", function () {
23                     if (!--count) {
24                         document.body.offsetLeft;
25                         if (window.testRunner)
26                             testRunner.notifyDone();
27                     }
28                 }, true);
29             }
30         </script>
31     </head>
32     <body onload="test()">
33         <p>Test controls placement. </p>
34         <audio controls></audio><br><br>
35         <audio controls style="width: 320px;"></audio><br><br>
36         <audio controls style="position: absolute; width: 320px; height: 100px;"></audio><br>
37     </body>
38 </html>