encoded-aspect-ratio-1.html (1191B)
1 <!DOCTYPE HTML> 2 <html> 3 <body style="background:white;"> 4 <!-- 5 Test if video displays correctly with a 3:2 aspect ratio. 6 It should display at w=150 h=100. 7 On some Linux systems, the scaling to preserve the aspect ratio can sample 8 the pixels outside visible region. This results in a thin grey line down 9 some sides of the scaled picture. We add red bars over the edges to 10 overwrite such happenings, to make the test reliable. 11 --> 12 <video src="black100x100-aspect3to2.webm" 13 style="position:absolute; left: 10px; top: 10px; z-index: 1;"> 14 </video> 15 16 <!-- Left side vertical. --> 17 <div style="position: absolute; left: 9px; top: 9px; width: 2px; height: 102px; z-index: 2; background: red;"></div> 18 19 <!-- Right side vertical. --> 20 <div style="position: absolute; left: 159px; top: 9px; width: 2px; height: 102px; z-index: 2; background: red;"></div> 21 22 <!-- Top horizontal bar. --> 23 <div style="position: absolute; left: 9px; top: 9px; width: 152px; height: 2px; z-index: 2; background: red;"></div> 24 25 <!-- Bottom horizontal bar. --> 26 <div style="position: absolute; left: 9px; top: 109px; width: 152px; height: 2px; z-index: 2; background: red;"></div> 27 28 </body> 29 </html>