vtt_overlapping_time.html (950B)
1 <!DOCTYPE HTML> 2 <html class="reftest-wait"> 3 <head> 4 </head> 5 <body> 6 <video id="v1" src="black.mp4" autoplay width="320" height="180"> 7 <track label="English" src="cues_time_overlapping.webvtt" default> 8 </video> 9 <script type="text/javascript"> 10 /** 11 * This test is to ensure that when cues with overlapping times, the one with 12 * earlier end timestamp should disappear when the media time reaches its 13 * end time. This vtt file contains two cues, the first cue is [0,1], the second 14 * cue is [0,4], so after video is playing over 1s, only cue2 should be displayed. 15 */ 16 async function testTimeOverlappingCues() { 17 const video = document.getElementById("v1"); 18 video.ontimeupdate = () => { 19 if (video.currentTime > 1.0) { 20 document.documentElement.removeAttribute('class'); 21 video.ontimeupdate = null; 22 } 23 } 24 }; 25 26 window.addEventListener("MozReftestInvalidate", 27 testTimeOverlappingCues); 28 </script> 29 </body> 30 </html>