title: Javascript to replace IMG with YouTube video - Autoplay not working as it should
body: <p>I've got an image where when you click it, it gets hidden and the YouTube video gets shown.</p>
  
  <p>I wanted the video to play when you click the image so I have set a parameter on the YT link so it autoplays and this works fine in every browser tested apart from Google Chrome.</p>
  
  <p>Any ideas on why Chrome is autoplaying the video before I've even clicked the image?</p>
  
  <pre><code> &lt;div id="youtube" style="display:none;"&gt;
   &lt;iframe width="940" height="520" src="http://www.youtube.com/embed/kr-oMG6EYSs?rel=0&amp;showinfo=0&amp;autoplay=1" wmode="transparent" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
   &lt;/div&gt;
  
  
   &lt;img src="images/slider_worklife_top.jpg" width="942" height="521" id="imageID" /&gt;
   &lt;script type="text/javascript"&gt;
   $('#imageID').click(function() {
   $('#youtube').show();
   $('#imageID').hide();
   });
   &lt;/script&gt;
  </code></pre>