LayoutTests/compositing/video/video-poster.html

   1 <!DOCTYPE>
   2 <html>
   3     <head>
   4         <title>Video with poster</title>
   5         <script>
   6
   7             var count = 0;
   8             function log(str)
   9             {
  10                 document.getElementById('result').innerHTML += str + "<br>";
  11             }
  12
  13             function hasLayers()
  14             {
  15                 if (window.layoutTestController)
  16                     return layoutTestController.layerTreeAsText() != "";
  17                 return false;
  18             }
  19
  20             function checkLayers(prefix, wantsLayers)
  21             {
  22                 var layers = hasLayers();
  23                 log(prefix + " <br>&nbsp;&nbsp;" + (wantsLayers == layers ? "PASS" : "FAIL") + ": wants layers = " + wantsLayers + ", has layers = " + layers);
  24                 log("");
  25             }
  26
  27             function layerTest()
  28             {
  29                 var video = document.getElementsByTagName('video')[0];
  30
  31                 switch (event.type)
  32                 {
  33                     case "load":
  34                         checkLayers("No src, no poster", false);
  35                         video.src = "../resources/video." + (video.canPlayType("video/ogg") ? "ogv" : "mp4");
  36                         video.poster = "../resources/apple.jpg";
  37                         break;
  38                     case "canplaythrough":
  39                         checkLayers("Displaying poster", false);
  40                         video.currentTime = 0.5;
  41                         break;
  42                     case "seeked":
  43                         checkLayers("Displaying movie", true);
  44                         if (window.layoutTestController)
  45                             layoutTestController.notifyDone();
  46                         break;
  47                 }
  48             }
  49
  50             if (window.layoutTestController) {
  51                 layoutTestController.dumpAsText();
  52                 layoutTestController.waitUntilDone();
  53             }
  54             window.addEventListener('load', layerTest, false);
  55         </script>
  56     </head>
  57     <body>
  58
  59         <video oncanplaythrough="layerTest()" onseeked="layerTest()"></video>
  60
  61         <p>A &lt;video&gt; should not have a layer until playback begins.<br>
  62         This test can not be run manually, it requires layoutTestController.layerTreeAsText.</p>
  63         <p id="result"></p>
  64
  65     </body>
  66 </html>