OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html class="reftest-wait"> | 2 <html class="reftest-wait"> |
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 <style> | 4 <style> |
5 .video { | 5 .video { |
6 display: inline-block; | 6 display: inline-block; |
7 position: absolute; | 7 position: absolute; |
8 width: 1280px; | 8 width: 320px; |
9 height: 720px; | 9 height: 180px; |
10 outline: solid | 10 outline: solid; |
| 11 font-size: 9px; |
11 } | 12 } |
12 .cue { | 13 .cue { |
13 position: absolute; | 14 position: absolute; |
14 bottom: 0; | 15 bottom: 0; |
15 left: 0; | 16 left: 0; |
16 right: 0; | 17 right: 0; |
17 text-align: center; | 18 text-align: center; |
18 padding-bottom: 36px | 19 padding-bottom: 9px; |
19 } | 20 } |
20 .cue > span { | 21 .cue > span { |
21 font-family: Ahem, sans-serif; | 22 font-family: Ahem, sans-serif; |
22 background: rgba(0,0,0,0.8); | 23 background: rgba(0,0,0,0.8); |
23 color: green; | 24 color: green; |
24 font-size: 36px | |
25 } | 25 } |
26 </style> | 26 </style> |
27 <script src="/common/reftest-wait.js"></script> | 27 <script src="/common/reftest-wait.js"></script> |
28 <div class="video"><span class="cue"><span>This is a test subtitle</span></span>
</div> | 28 <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();"> | 29 <video width="320" height="180" autoplay controls onplaying="this.onplaying = nu
ll; this.pause(); takeScreenshot();"> |
30 <source src="/media/white.webm" type="video/webm"> | 30 <source src="/media/white.webm" type="video/webm"> |
31 <source src="/media/white.mp4" type="video/mp4"> | 31 <source src="/media/white.mp4" type="video/mp4"> |
32 <track> | 32 <track> |
33 </video> | 33 </video> |
OLD | NEW |