controls-after-reload.html | Explore in Territory

<html>
<head>
  <script src="../compositing/resources/media-testing.js"></script>
  <script src="media-controls.js"></script>
</head>
<body>
<p>Making sure the controller looks ok after a second load().</p>
<video controls></video>
</body>
<script>
  if (window.testRunner)
    testRunner.waitUntilDone();

  const video = document.getElementsByTagName('video')[0];
  enableTestMode(video);

  video.addEventListener("canplaythrough", () => {
    video.src = "content/test.ogv";

    video.addEventListener('seeked', () => {
      video.play().then(() => {
        video.pause();

        function waitForTimeZero(id, metadata) {
          if (metadata.mediaTime != 0) {
            video.requestVideoFrameCallback(waitForTimeZero);
            return;
          }
          waitForSwapsToComplete(() => {
            if (window.testRunner)
              testRunner.notifyDone();
          });
        }

        video.requestVideoFrameCallback(waitForTimeZero);
        video.currentTime = 0;
      });
    }, { once: true });

    // Use a non-zero current time so that the seek isn't elided above.
    video.currentTime = 1;
  }, { once: true });

  video.src = "content/counting.ogv";
</script>
</html>
chromium/third_party/blink/web_tests/media/controls-after-reload.html
