disable_controls_reposition-ref.html (591B)
1 <!DOCTYPE html> 2 <title>Reference for WebVTT rendering, cue reposition after enabling controls</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 } 12 .cue { 13 position: absolute; 14 bottom: 0; 15 left: 0; 16 right: 0; 17 text-align: center; 18 font-family: Ahem, sans-serif; 19 color: green; 20 font-size: 50px; 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>