| <!-- webkit-test-runner [ ModernMediaControlsEnabled=false ] --> |
| <html> |
| <head> |
| <style> |
| body { zoom: 150%; } |
| video { |
| margin: 30px; |
| display: block; |
| } |
| .rotated { |
| -webkit-transform: rotate(10deg); |
| } |
| </style> |
| <script src="media-file.js"></script> |
| <script src="video-paint-test.js"></script> |
| </head> |
| <body onload="setSrcByTagName('video', findMediaFile('video', 'content/test')); init()"> |
| <p>Zoomed video with controls.</p> |
| <video width="160" height="120" controls></video> |
| <video class="rotated" width="160" height="120" controls></video> |
| </body> |
| </html> |