title: Youtube: Embedded video squeezed
body: <p>I’m embedding a youtube video via the iFrame API. 
  The video itself is square–shaped and it’s width and height depend on the container’s size (a square as well, with fluid dimensions) — I’m using CSS to achieve that. </p>
  
  <p>Everything works more or less okay, but in the beginning and the end of the video (before starting and after stopping), the content is displayed with reduced width, <em>revealing black side bars</em>:</p>
  
  <p><img src="https://i.stack.imgur.com/MCh8l.png" alt="enter image description here"></p>
  
  <p>Any idea why this happens or what to do about it? Has someone made a video with irregular shape work in context of a responsive layout?</p>
  
  <hr>
  
  <p><strong>Update</strong></p>
  
  <p>It seems that setting the width and height to 101% helps. Not sure yet how consistently, though.</p>