OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html class="reftest-wait"> |
3 <title>WebVTT rendering, repositioning of 9 cues that overlap completely</title> | 3 <title>WebVTT rendering, repositioning of 9 cues that overlap completely</title> |
4 <link rel="match" href="9_cues_overlapping_completely-ref.html"> | 4 <link rel="match" href="9_cues_overlapping_completely-ref.html"> |
5 <style> | 5 <style> |
6 html { overflow:hidden } | 6 html { overflow:hidden } |
7 body { margin:0 } | 7 body { margin:0 } |
8 ::cue { | 8 ::cue { |
9 font-family: Ahem, sans-serif; | 9 font-family: Ahem, sans-serif; |
10 } | 10 } |
11 ::cue(#cue1) { | 11 ::cue(#cue1) { |
12 color: #000 | 12 color: #000 |
(...skipping 17 matching lines...) Expand all Loading... |
30 color: #ccc | 30 color: #ccc |
31 } | 31 } |
32 ::cue(#cue8) { | 32 ::cue(#cue8) { |
33 color: #eee | 33 color: #eee |
34 } | 34 } |
35 ::cue(#cue9) { | 35 ::cue(#cue9) { |
36 color: green | 36 color: green |
37 } | 37 } |
38 </style> | 38 </style> |
39 <script src="/common/reftest-wait.js"></script> | 39 <script src="/common/reftest-wait.js"></script> |
40 <video width="720" height="720" autoplay ontimeupdate="if (this.currentTime >= 1
) { this.ontimeupdate = null; this.pause(); takeScreenshot(); }"> | 40 <video width="180" height="180" autoplay ontimeupdate="if (this.currentTime >= 1
) { this.ontimeupdate = null; this.pause(); takeScreenshot(); }"> |
41 <source src="/media/white.webm" type="video/webm"> | 41 <source src="/media/white.webm" type="video/webm"> |
42 <source src="/media/white.mp4" type="video/mp4"> | 42 <source src="/media/white.mp4" type="video/mp4"> |
43 <track src="support/9_cues_overlapping_completely.vtt"> | 43 <track src="support/9_cues_overlapping_completely.vtt"> |
44 <script> | 44 <script> |
45 document.getElementsByTagName('track')[0].track.mode = 'showing'; | 45 document.getElementsByTagName('track')[0].track.mode = 'showing'; |
46 </script> | 46 </script> |
47 </video> | 47 </video> |
48 </html> | 48 </html> |
OLD | NEW |