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