title: Rotate a video and fit it to screen using CSS
body: <p>I have the following style:</p>
  <pre class="lang-css prettyprint-override"><code>video {
      position: absolute;
      transform: rotate(90deg);
      width: 100%;
      height: 100%;
      z-index: 4;
      visibility: visible;
  }
  </code></pre>
  <p>This is the video element:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;video id=&quot;myVideo&quot; src=&quot;/Space4.mp4&quot; autoplay loop&gt;&lt;/video&gt;
  </code></pre>
  <p>This seems to rotate and center the video, but it is almost 1/4 of the screen size. How can make it fit to screen?</p>