<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>