navigate_cue_position-ref-1.html (583B)
1 <!DOCTYPE html> 2 <title>Reference for WebVTT rendering, cue position after navigation</title> 3 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 4 <style> 5 .video { 6 display: inline-block; 7 outline: solid; 8 width: 320px; 9 height: 240px; 10 position: relative; 11 font-size: 50px; 12 } 13 .cue { 14 position: absolute; 15 bottom: 0; 16 left: 0; 17 right: 0; 18 text-align: center; 19 color: green; 20 font-family: Ahem, sans-serif; 21 } 22 .cue > span { 23 background: rgba(0,0,0,0.8); 24 } 25 </style> 26 <div class="video"><span class="cue"><span>Foo</span></span></div>