<html>
 <head>
  <script src="media-file.js"></script>

  <script>
    if (window.testRunner) {
      testRunner.waitUntilDone();
    }

    function onLoad() {
      video = document.getElementsByTagName('video')[0];
      video.src = findMediaFile("video", "content/test");
    
      canvas = document.getElementsByTagName('canvas')[0];
      ctx = canvas.getContext('2d');

      video.load();
      video.addEventListener("canplay", function (e) {
        ctx.globalAlpha = 0.5;
        ctx.drawImage(video, 0, 0);

        if (window.testRunner) {
          testRunner.notifyDone();
        }
      }); 
    }
  </script>
 </head>
 <body onload="onLoad();">
   <video></video><canvas width="320px" height="240px" style="position:relative;left:-100px;"> </canvas>
 </body>
</html>