3_tracks-ref.html (1129B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>Reference for WebVTT rendering, 3 tracks enabled at the same time</title> 4 <script src="/common/reftest-wait.js"></script> 5 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 6 <style> 7 html { overflow:hidden } 8 body { margin:0 } 9 .video { 10 display: inline-block; 11 width: 320px; 12 height: 180px; 13 position: relative; 14 font-size: 9px; 15 } 16 .cue { 17 position: absolute; 18 bottom: 0; 19 left: 0; 20 right: 0; 21 text-align: center; 22 font-family: Ahem, sans-serif; 23 color: white; 24 } 25 .cueText { 26 background: rgba(0,0,0,0.8); 27 } 28 </style> 29 <div class="video"> 30 <video width="320" height="180" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();"> 31 <source src="/media/white.webm" type="video/webm"> 32 <source src="/media/white.mp4" type="video/mp4"> 33 </video> 34 <span class="cue"> 35 <div><span class="cueText">This is a <b>test subtitle</b></span></div> 36 <div><span class="cueText">This is a <u>test subtitle</u></span></div> 37 <div><span class="cueText">This is a test subtitle</span></div> 38 </span> 39 </div> 40 </html>