OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <title>Reference for WebVTT rendering, when media height is 19 or less, font siz
e should be smaller than when it is 20 and above</title> | 2 <title>Reference for WebVTT rendering, when media height is 19 or less, font siz
e should be smaller than when it is 20 and above</title> |
3 <style> | 3 <style> |
4 .video { | 4 .video { |
5 display: inline-block; | 5 display: inline-block; |
6 width: 1280px; | 6 width: 320px; |
7 height: 19px; | 7 height: 19px; |
8 outline: solid; | 8 outline: solid; |
9 position: relative | 9 position: relative; |
| 10 font-size: 0.95px |
10 } | 11 } |
11 .cue { | 12 .cue { |
12 position: absolute; | 13 position: absolute; |
13 bottom: 0; | 14 bottom: 0; |
14 left: 0; | 15 left: 0; |
15 right: 0; | 16 right: 0; |
16 text-align: center | 17 text-align: center |
17 } | 18 } |
18 .cue > span { | 19 .cue > span { |
19 font-family: Ahem, sans-serif; | 20 font-family: Ahem, sans-serif; |
20 background: rgba(0,0,0,0.8); | 21 background: rgba(0,0,0,0.8); |
21 color: green; | 22 color: green; |
22 font-size: 0.95px | |
23 } | 23 } |
24 </style> | 24 </style> |
25 <div class=video><span class=cue><span>This is a test subtitle</span></span></di
v> | 25 <div class=video><span class=cue><span>This is a test subtitle</span></span></di
v> |
OLD | NEW |