| <!DOCTYPE HTML> |
| <!-- This HTML plays a video with complex overlay transformation. |
| To improve test stability, this test sends out SUCCESS for screen capture after |
| the video playback starts (video.currentTime > 0). |
| --> |
| |
| <html> |
| <head> |
| <title>Complex Overlay Video test</title> |
| <style type="text/css"> |
| .nomargin { |
| margin: 0px auto; |
| } |
| |
| .transformed { |
| transform: scaleX(1.5); |
| transform: scaleY(1.5); |
| transform: rotate(20deg); |
| } |
| </style> |
| <script src="pixel_video_test.js"></script> |
| </head> |
| <body onload="main()"> |
| <div id="container" style="position:absolute; top:0px; left:0px;"> |
| <video class="nomargin transformed" id="video" width="240" height="136"> |
| <source src="/media/test/data/four-colors.mp4" type="video/mp4"> |
| </video> |
| </div> |
| <div id="container" class="nomargin" style="position:absolute; top:0px; left:0px; width:30px; height:30px; background-color:black;"> |
| </div> |
| </body> |
| </html> |
