OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <title>Reference for WebVTT rendering, the subtitles are moved up to correct pos
ition when controls are visible</title> | 3 <title>Reference for WebVTT rendering, the subtitles are moved up to correct pos
ition when controls are visible</title> |
| 4 <script src="../../../../../../../resources/ahem.js"></script> |
4 <style> | 5 <style> |
5 .video { | 6 .video { |
6 display: inline-block; | 7 display: inline-block; |
7 position: absolute; | 8 position: absolute; |
8 width: 1280px; | 9 width: 1280px; |
9 height: 720px; | 10 height: 720px; |
10 outline: solid | 11 outline: solid |
11 } | 12 } |
12 .cue { | 13 .cue { |
13 position: absolute; | 14 position: absolute; |
(...skipping 10 matching lines...) Expand all Loading... |
24 font-size: 36px | 25 font-size: 36px |
25 } | 26 } |
26 </style> | 27 </style> |
27 <script src="support/refTestWait.js"></script> | 28 <script src="support/refTestWait.js"></script> |
28 <div class="video"><span class="cue"><span>This is a test subtitle</span></span>
</div> | 29 <div class="video"><span class="cue"><span>This is a test subtitle</span></span>
</div> |
29 <video width="1280" height="720" autoplay controls onplaying="this.onplaying = n
ull; this.pause(); takeScreenshot();"> | 30 <video width="1280" height="720" autoplay controls onplaying="this.onplaying = n
ull; this.pause(); takeScreenshot();"> |
30 <source src="media/white.webm" type="video/webm"> | 31 <source src="media/white.webm" type="video/webm"> |
31 <source src="media/white.mp4" type="video/mp4"> | 32 <source src="media/white.mp4" type="video/mp4"> |
32 <track> | 33 <track> |
33 </video> | 34 </video> |
OLD | NEW |