title: How to change video controls size?
body: <p><a href="https://i.stack.imgur.com/jTgap.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jTgap.png" alt="first screenshot"></a></p>
  
  <p><a href="https://i.stack.imgur.com/Exf6Y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Exf6Y.png" alt="second screenshot"></a></p>
  
  <p>on first screenshot video player have normal controls
  but second video player on the website with same css shows controls like this</p>
  
  <p>// css</p>
  
  <pre><code>#videotag{
      position: relative;
      top: 0;
      bottom: 1vw;
      width: 100%;
      height: 100%;
      outline: none;
  }
  </code></pre>