<!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>