track-webvtt-two-cue-layout-after-first-end-ref.html (732B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>WebVTT two-cue layout after the first cue has ended (reference)</title> 4 <script src="/common/reftest-wait.js"></script> 5 <video style="border:1px solid gray"> 6 <source src="/media/white.webm" type="video/webm"> 7 <source src="/media/white.mp4" type="video/mp4"> 8 </video> 9 <script> 10 // Add a single cue at line -2, where it would be if there was a first 11 // cue at line -1. 12 var video = document.querySelector("video"); 13 var track = video.addTextTrack("captions"); 14 var cue = new VTTCue(0, 3, "cue 2"); 15 cue.line = -2; 16 track.addCue(cue); 17 track.mode = "showing"; 18 video.play(); 19 video.onplaying = function() { 20 video.onplaying=null; 21 video.pause(); 22 takeScreenshot(); 23 }; 24 </script> 25 </html>