title: Force Video Autoplay Using Chrome Browser on mobile devices
body: <p>While using a mobile device, video auto-play does not work on Chrome but it works on Firefox &amp; Opera. (Not sure what the story is with Safari as I have no iOS device).</p>
  
  <p>OPTION 1: Using video tag:</p>
  
  <p>html code:</p>
  
  <pre><code>&lt;video autoplay loop poster="images/bg.jpg" id="video_bg"&gt;
  &lt;source src="video.webm" type="video/webm"&gt;
  &lt;source src="video.mp4" type="video/mp4"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>css code: </p>
  
  <pre><code>video#video_bg {
  position: fixed; right: 0; bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -100;
  background: url(../images/bg.jpg) no-repeat;
  background-size: cover;
  }
  </code></pre>
  
  <p>OPTION 2: Using YouTube embedded video code with auto-play set: (Again, works on a desktop but not on a mobile)</p>
  
  <p>html code:</p>
  
  <pre><code>&lt;iframe src="http://www.youtube.com/embed/xzvScRnF6MU?autoplay=1" width="960" height="447" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>My Question:</p>
  
  <p>Is there any javascript code that would force auto-play on Chrome browser while viewing the page on a mobile device? Any other suggestions, please? Thank you! </p>