title: Removing the black bar on top and bottom of html5 videos in Chrome and Safari browsers
body: <p>I am using html5 video. In FireFox it is running well but in chrome and safari, it is showing a thick black bar top and bottom. How to get rid of this bars?</p>
  
  <p>the code,     </p>
  
  <pre><code>&lt;video autoplay loop="loop" onended="this.play()" width="100%"&gt;
       &lt;source src="videos/video.mp4" type="video/mp4"/&gt;
       &lt;source src="videos/video.webm" type="video/webm" /&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>Thanks in advance</p>