46 lines
1.5 KiB
HTML
46 lines
1.5 KiB
HTML
<!DOCTYPE HTML5>
|
|
|
|
<html>
|
|
<head>
|
|
<title>'poster' aspect ratio test</title>
|
|
<script src=video-test.js></script>
|
|
<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>
|
|
var videos;
|
|
function start()
|
|
{
|
|
videos = document.getElementsByTagName('video');
|
|
for (var ndx = 0; ndx < videos.length; ndx++ ) {
|
|
testExpected("videos[" + ndx + "].getAttribute('poster')", "content/abe.png");
|
|
testExpected("relativeURL(videos[" + ndx + "].poster)", "content/abe.png");
|
|
}
|
|
|
|
endTest();
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
|
|
<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>
|
|
</html> |