track-cue-rendering-line-doesnt-fit-ref.html (682B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <script src="/common/reftest-wait.js"></script> 4 <style> 5 .container { 6 position: relative; 7 display: inline-block; 8 width: 320px; 9 height: 240px; 10 } 11 .cue { 12 position: absolute; 13 top: 0; 14 left: 0; 15 right: 0; 16 overflow: hidden; 17 } 18 .cue > span { 19 font-family: sans-serif; 20 background: green; 21 color: green; 22 font-size: 120px; 23 padding: 2px; 24 } 25 </style> 26 <div class="container"> 27 <video autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();"> 28 <source src="/media/white.webm" type="video/webm"> 29 <source src="/media/white.mp4" type="video/mp4"> 30 </video> 31 <div class="cue"><span>PAS</span></div> 32 </div>