| <!DOCTYPE html> |
| <title>"poster" aspect ratio test.</title> |
| <style> |
| video { |
| border: 3px solid red; |
| background-color: #ee00ee; |
| } |
| #wide { width: 320px; height: 150px; } |
| #tall { width: 150px; height: 320px; } |
| #big { width: 320px; height: 240px; } |
| #skinny { width: 50px; height: 320px; } |
| #short { width: 320px; height: 50px; } |
| #just_right { width: 76px; height: 103px; } |
| </style> |
| <script> |
| // TODO(srirama.m): convert this test to reference test. |
| testRunner.waitUntilDone(); |
| function start() { |
| testRunner.notifyDone(); |
| } |
| </script> |
| <body onload="start()"> |
| <video poster="content/abe.png" id="wide"></video> |
| <br> |
| <video poster="content/abe.png" id="just_right"></video> |
| <video poster="content/abe.png" id="no-style"></video> |
| <br> |
| <video poster="content/abe.png" id="skinny"></video> |
| <video poster="content/abe.png" id="big"></video> |
| <video poster="content/abe.png" id="short"></video> |
| <br> |
| </body> |