| <html> | |
| <head> | |
| <style> | |
| body { zoom: 150%; } | |
| video { | |
| margin: 30px; | |
| display: block; | |
| } | |
| .rotated { | |
| -webkit-transform: rotate(10deg); | |
| } | |
| </style> | |
| <script src="video-paint-test.js"></script> | |
| </head> | |
| <body onload="init()"> | |
| <p>Zoomed video with controls.</p> | |
| <video src="content/test.mp4" width="160" height="120" controls></video> | |
| <video class="rotated" src="content/test.mp4" width="160" height="120" controls></video> | |
| </body> | |
| </html> |