title: How to make an embedded video not autoplay
body: <p>I'm embedding a Flash video into an HTML and would like the user to have to click it to begin playing. According to the <a href="http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701" rel="nofollow noreferrer">Adobe <code>&lt;object&gt;</code> / <code>&lt;embed&gt;</code> element documentation</a>, there are variety of methods to do this:</p>
  
  <p>1) Add a Flash parameter inside the <code>&lt;object&gt;</code> tag:</p>
  
  <pre><code>&lt;param name="play" value="false"&gt;
  </code></pre>
  
  <p>2) Add the attribute <code>play</code> inside the <code>&lt;embed&gt;</code> tag:</p>
  
  <pre><code>&lt;embed ... play="false"&gt;
  </code></pre>
  
  <p>3) Add the attribute <code>flashvars</code> inside the <code>&lt;embed&gt;</code> tag:</p>
  
  <pre><code>&lt;embed ... flashvars="play=false"&gt;
  </code></pre>
  
  <p>Which is awesome. Only ... none of them work for me:</p>
  
  <p><a href="http://johnboxall.github.com/test/flash/flash.htm" rel="nofollow noreferrer">http://johnboxall.github.com/test/flash/flash.htm</a></p>
  
  <p>My code looks like this now:</p>
  
  <pre><code>&lt;object width="590" height="475"&gt;
      &lt;param name="movie" value="untitled_skin.swf"&gt;
      &lt;param name="play" value="false"&gt;
      &lt;embed src="untitled_skin.swf" width="590" height="475" type="application/x-shockwave-flash" play="false" flashvars="autoplay=false&amp;play=false" menu="false"&gt;&lt;/embed&gt;
  &lt;/object&gt;
  </code></pre>
  
  <p>Anyone have any ideas? What am I doing wrong?</p>