<!DOCTYPE html>
<html class="reftest-wait">
<title>WebVTT two-cue layout after the first cue has ended (reference)</title>
<script src="/common/reftest-wait.js"></script>
<video style="border:1px solid gray">
  <source src="/media/white.webm" type="video/webm">
  <source src="/media/white.mp4" type="video/mp4">
</video>
<script>
// Add a single cue at line -2, where it would be if there was a first
// cue at line -1.
var video = document.querySelector("video");
var track = video.addTextTrack("captions");
var cue = new VTTCue(0, 3, "cue 2");
cue.line = -2;
track.addCue(cue);
track.mode = "showing";
video.play();
video.onplaying = function() {
  video.onplaying=null;
  video.pause();
  takeScreenshot();
};
</script>
</html>