title: Cannot autoplay YouTube on mobile devices
body: <p>So I cannot autoplay a YouTube video due to this update which prevents videos that aren't muted from playing on mobile: <a href="https://developers.google.com/web/updates/2017/09/autoplay-policy-changes" rel="nofollow noreferrer">https://developers.google.com/web/updates/2017/09/autoplay-policy-changes</a></p>
  
  <p>I've tried setting <code>mute=1</code> and <code>volume=0</code> in my Video URL. The mute parameters does successfully mute the video on Desktop, but I still cannot get the video to autoplay on mobile. The reason I need autoplay to work is because I am loading an image of the video on the initial page load. Once the user clicks the video, my JavaScript loads the iframe. This significantly helps the performance of my page. There are several other questions on Stack Overflow that are related but none of the answers have worked. </p>
  
  <p>Here is my current code:</p>
  
  <pre><code>&lt;iframe width="560" height="315" src="https://www.youtube.com/embed/QHfgMrpMOm4?autoplay=1&amp;mute=1" volume="0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>