LayoutTests/http/tests/media/media-can-load-when-hidden.html

   1 <html>
   2     <head>
   3         <style>
   4             video {display:none; background-color: yellow; width: 320px; height: 240px;}
   5         </style>
   6         <script src=../../media-resources/media-file.js></script>
   7         <script src=../../media-resources/video-test.js></script>
   8         <script>
   9             function start()
  10             {
  11                 video = document.getElementsByTagName('video')[0];
  12                 var mediaFile = findMediaFile("video", "resources/test");
  13                 video.src = "http://127.0.0.1:8000/" + mediaFile;
  14                 waitForEvent('durationchange', function() { endTest(); });
  15             }
  16         </script>
  17
  18     </head>
  19     <body onload="start()">
  20
  21         <video controls ></video>
  22
  23         <p>Test HTMLMediaElement to be sure that the video is getting loaded even if the element
  24         is hidden.</p>
  25     </body>
  26 </html>
  27