| <script src="media-file.js"></script> |
| <script src="video-paint-test.js"></script> |
| <body onload="setSrcByTagName('video', findMediaFile('video', 'content/test')); init()"> |
| <p>Test video sizing. You should see one bigger image (paused video) and 7 small ones of 1/4 its size. </p> |
| <video></video><br> |
| <video style="width: 160px; height:120px"> |
| |
| </video><div style="display:inline-block"> |
| <video style="width: 160px;"> |
| </video><video style="height: 120px;"> |
| </video> |
| |
| </div><div style="width: 320px; height:120px; display:inline-block; margin: 0"> |
| <video style="height: 100%;"> |
| </video><video style="width: 50%;"></video> |
| |
| </div><div style="width: 320px; height:120px;position:relative; display:inline-block; margin: 0"> |
| <video style="height: 120px; position: absolute;"></video> |
| <video style="left: 160px; width: 160px; position: absolute;"> |
| </video> |
| </div> |
| </body> |
