OLD | NEW |
1 <!DOCTYPE HTML5> | 1 <!DOCTYPE html> |
2 | 2 <title>"poster" aspect ratio test.</title> |
3 <html> | 3 <style> |
4 <head> | 4 video { |
5 <title>'poster' aspect ratio test</title> | 5 border: 3px solid red; |
6 <!-- TODO(foolip): Convert test to testharness.js. crbug.com/588956 | 6 background-color: #ee00ee; |
7 (Please avoid writing new tests using video-test.js) --> | 7 } |
8 <script src=video-test.js></script> | 8 #wide { width: 320px; height: 150px; } |
9 <style> | 9 #tall { width: 150px; height: 320px; } |
10 video { | 10 #big { width: 320px; height: 240px; } |
11 border: 3px solid red; | 11 #skinny { width: 50px; height: 320px; } |
12 background-color: #ee00ee; | 12 #short { width: 320px; height: 50px; } |
13 } | 13 #just_right { width: 76px; height: 103px; } |
14 #wide { width: 320px; height: 150px; } | 14 </style> |
15 #tall { width: 150px; height: 320px; } | 15 <script> |
16 #big { width: 320px; height: 240px; } | 16 // TODO(srirama.m): convert this test to reference test. |
17 #skinny { width: 50px; height: 320px; } | 17 testRunner.waitUntilDone(); |
18 #short { width: 320px; height: 50px; } | 18 function start() { |
19 #just_right { width: 76px; height: 103px; } | 19 testRunner.notifyDone(); |
20 </style> | 20 } |
21 <script> | 21 </script> |
22 var videos; | 22 <body onload="start()"> |
23 function start() | 23 <video poster="content/abe.png" id="wide"></video> |
24 { | 24 <br> |
25 videos = document.getElementsByTagName('video'); | 25 <video poster="content/abe.png" id="just_right"></video> |
26 for (var ndx = 0; ndx < videos.length; ndx++ ) { | 26 <video poster="content/abe.png" id="no-style"></video> |
27 testExpected("videos[" + ndx + "].getAttribute('poster')", "
content/abe.png"); | 27 <br> |
28 testExpected("relativeURL(videos[" + ndx + "].poster)", "con
tent/abe.png"); | 28 <video poster="content/abe.png" id="skinny"></video> |
29 } | 29 <video poster="content/abe.png" id="big"></video> |
30 | 30 <video poster="content/abe.png" id="short"></video> |
31 endTest(); | 31 <br> |
32 } | 32 </body> |
33 </script> | |
34 </head> | |
35 | |
36 | |
37 <body onload="start()"> | |
38 <video poster="content/abe.png" id=wide></video> | |
39 <br> | |
40 <video poster="content/abe.png" id=just_right></video> | |
41 <video poster="content/abe.png" id=no-style></video> | |
42 <br> | |
43 <video poster="content/abe.png" id=skinny></video> | |
44 <video poster="content/abe.png" id=big></video> | |
45 <video poster="content/abe.png" id=short></video> | |
46 <br> | |
47 </body> | |
48 </html> | |
OLD | NEW |