title: Stop background video from downloading when used in Video tag (HTML5) for mobile devices
body: <p>I am using FullPage.js script on few pages of website to embed video as background.</p>
  
  <p>Something similar to this script <a href="http://www.alvarotrigo.com/fullPage/examples/videoBackground.html" rel="nofollow">http://www.alvarotrigo.com/fullPage/examples/videoBackground.html</a></p>
  
  <p>With only difference is that my videos are between  3MB - 7MB in size. It works fine on desktop and same page are slow to download on Mobile devices as it also download the video along with the webpage.</p>
  
  <p>Is there any built in feature that will stop video from downloading on mobile devices Other than using JavaScript to remove the <code>src="video1.mp4"</code></p>
  
  <pre><code>&lt;video autoplay loop muted controls="false" id="myVideo"&gt;
     &lt;source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>Further to this when i test same web  pingdom.com website it download the same video file multiple time which increase the page size. This i have noticed only with this website speed test platform. While when i test using Firebug it download video file only once.</p>
  
  <p><a href="https://tools.pingdom.com/#!/coQYIA/http://www.alvarotrigo.com/fullPage/examples/videoBackground.html" rel="nofollow">https://tools.pingdom.com/#!/coQYIA/http://www.alvarotrigo.com/fullPage/examples/videoBackground.html</a></p>