title: Video autoplay and loop everywhere (responsive)
body: <p>I want to have a video to auto play in loop as background every where (the video as no sound).</p>
  
  <p>It works like this however when I arrive to the smartphone the video doesn't start at all </p>
  
  <pre><code>&lt;video id="video" autoplay loop&gt;
  &lt;source src="video.mp4" type="video/mp4"&gt;
  &lt;source src="video.webm" type="video/webm"&gt;
  &lt;source src="video.ogv" type="video/ogg"&gt;
  Your browser does not support the video tag.
  &lt;/video&gt;
  </code></pre>
  
  <p>is there some JS or jQuery like this</p>
  
  <pre><code>var video = document.getElementById('video');
  video.addEventListener('onLoad',function(){
    video.play();
  },false);
  </code></pre>
  
  <p>I just want the video to load no matter where (it is a small video so the bandwidth is not a question)</p>