title: I want to remove the top and bottom black margin of youtube video
body: <p>I want the video width=100% and height=500px(a fixed height). But I don't want the top &amp; bottom black margin of the youtube video. And I have to make it responsive later. Is it possible? </p>
  
  <pre><code>&lt;iframe width="100%" height="500px" src="https://www.youtube.com/embed/T1mP3S4-o3c?rel=0&amp;amp;controls=0&amp;amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>