third_party/WebKit/LayoutTests/media/video-canvas-draw-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="media-file.js"></script>
   5 <script>
   6
   7 if (window.testRunner) {
   8     testRunner.waitUntilDone();
   9 }
  10
  11 var videosLoaded = 0;
  12
  13 function onVideoLoaded(e) {
  14     videosLoaded = videosLoaded + 1;
  15     if (window.testRunner && videosLoaded == 3) {
  16         testRunner.notifyDone();
  17     }
  18 }
  19
  20 function onLoad() {
  21     var video1 = document.getElementById('video1');
  22     var video2 = document.getElementById('video2');
  23     var video3 = document.getElementById('video3');
  24     video1.src = findMediaFile("video", "content/test");
  25     video2.src = video1.src;
  26     video3.src = video1.src;
  27
  28     video1.load();
  29     video2.load();
  30     video3.load();
  31     video1.addEventListener("canplay", onVideoLoaded);
  32     video2.addEventListener("canplay", onVideoLoaded);
  33     video3.addEventListener("canplay", onVideoLoaded);
  34 }
  35
  36 </script>
  37 </head>
  38 <body onload="onLoad();">
  39     Test to verify that drawing a video to a 2D canvas with drawImage and with a CanvasPattern works as expected.
  40     <video id="video1"></video>
  41     <video id="video2"></video>
  42     <video id="video3"></video>
  43 </body>
  44 </html>