<html>
<head>
  <style>
    video {
      width: 400px;
      height: 300px;
    }
  </style>
  <script type="text/javascript" charset="utf-8">
    if (window.testRunner) {
      testRunner.dumpAsText(true);
      testRunner.waitUntilDone();
    }
  </script>
</head>
<body>
  <video></video>
  <script>
    var video = document.getElementsByTagName('video')[0];
    video.src = 'resources/video.' + (video.canPlayType('video/ogg') ? 'ogv' : 'mp4');
    video.addEventListener('canplaythrough', function() {
      if (window.testRunner) {
        testRunner.displayAndTrackRepaints();
        testRunner.setPageVisibility("hidden");
        testRunner.displayAndTrackRepaints();
        testRunner.resetPageVisibility();
        testRunner.notifyDone();
      }
    }, false);
  </script>
</body>
</html>