OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 body { zoom: 150%; } | 4 body { zoom: 150%; } |
5 video { | 5 video { |
6 margin: 30px; | 6 margin: 30px; |
7 display: block; | 7 display: block; |
8 } | 8 } |
9 .rotated { | 9 .rotated { |
10 -webkit-transform: rotate(10deg); | 10 transform: rotate(10deg); |
11 } | 11 } |
12 </style> | 12 </style> |
13 <script src="media-file.js"></script> | 13 <script src="media-file.js"></script> |
14 <script src="video-paint-test.js"></script> | 14 <script src="video-paint-test.js"></script> |
15 </head> | 15 </head> |
16 <body onload="setSrcByTagName('video', findMediaFile('video', 'content/test'));
init()"> | 16 <body onload="setSrcByTagName('video', findMediaFile('video', 'content/test'));
init()"> |
17 <p>Zoomed video with controls.</p> | 17 <p>Zoomed video with controls.</p> |
18 <video width="160" height="120" controls></video> | 18 <video width="160" height="120" controls></video> |
19 <video class="rotated" width="160" height="120" controls></video> | 19 <video class="rotated" width="160" height="120" controls></video> |
20 </body> | 20 </body> |
21 </html> | 21 </html> |
OLD | NEW |