encoded-aspect-ratio-1.html 1.2 KB

123456789101112131415161718192021222324252627282930
  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. <!-- Left side vertical. -->
  16. <div style="position: absolute; left: 9px; top: 9px; width: 2px; height: 102px; z-index: 2; background: red;"></div>
  17. <!-- Right side vertical. -->
  18. <div style="position: absolute; left: 159px; top: 9px; width: 2px; height: 102px; z-index: 2; background: red;"></div>
  19. <!-- Top horizontal bar. -->
  20. <div style="position: absolute; left: 9px; top: 9px; width: 152px; height: 2px; z-index: 2; background: red;"></div>
  21. <!-- Bottom horizontal bar. -->
  22. <div style="position: absolute; left: 9px; top: 109px; width: 152px; height: 2px; z-index: 2; background: red;"></div>
  23. </body>
  24. </html>