title: Bulma (css framework) adds iframe height auto and embedded YouTube videos get less height
body: <p>Bulma added the following line:</p>
  
  <pre><code>img, embed, iframe, object, video {
      height: auto;
      max-width: 100%;
  }
  </code></pre>
  
  <p>and I can't figure out how to set embedded YouTube videos to their intended height, because with <code>height: auto</code> they get way less height and there is no attribute for <code>height</code> that I would know of that would fix it. Because the height of the video gets lower (same size) for every possibility. So I cannot even override it.</p>
  
  <p><a href="https://i.stack.imgur.com/LcI1E.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LcI1E.png" alt="embedded YouTube video with Bulma"></a></p>
  
  <p>Can anyone think of a fix?</p>