title: HTML video not playing in Safari browser
body: <p>Below code is working fine in Mozilla &amp; Chrome. But in Safari the video doesn't play.</p>
  
  <pre><code>&lt;video id="v-control" width="100%" autoplay="autoplay" loop&gt;
      &lt;source src="assets/img/web home page banner.mp4" type="video/mp4" 
      media="all and (max-width: 480px)"&gt;
      &lt;source src="video-small.webm" type="video/webm" media="all and 
      (max-width: 480px)"&gt;
      &lt;source src="assets/img/web home page banner.mp4" type="video/mp4"&gt;
      &lt;source src="video.webm" type="video/webm"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>I have tried <code>preload</code> for the video tag and If I add <code>controls</code> I should click on Play button. I dont need any controls for the video so I have removed controls.</p>