title: Youtube embed autoplay on mobile
body: <p>I use React to set iframe with youtube video on page in correct size. All works well but for mobiles doesn't work autoplay option.</p>
  
  <p>What is interesting for page, what I have as example video it works perfect.</p>
  
  <pre><code>&lt;iframe type="text/html"  allowTransparency="true"  height="100%" width="100%" preload="metadata" gesture="media" allow="encrypted-media" className="autoplay-iframe"
              src={`https://www.youtube.com/embed/`+this.props.autoplay+`?autoplay=1&amp;version=3&amp;html5=1&amp;hd=1&amp;controls=0&amp;loop=1&amp;playlist=`+this.props.autoplay+`&amp;playsinline=1&amp;rel=0&amp;showinfo=0&amp;modestbranding=1&amp;related=0&amp;enablejsapi=1&amp;origin=`+window.location.hostname} frameborder="0"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>above is my iframe code.
  I cut some part of iframe code but there are just style in styles attribute. It isn't important for autoplay.
  The same finally url for other page works. I'm not sure why. Any hints how I can solve this problem?</p>
  
  <p>Thanks in advance.</p>