title: Flash overlapping / wmode Issue
body: <p>I experience the very known flash / html overlay issue in <strong>Google Chrome</strong> (16.0.912.75 m) and <strong>Safari</strong> (5.1.1). As suggested <a href="https://stackoverflow.com/questions/4313364/google-chrome-flash-and-z-index-wrong-behaviour">here</a> and <a href="https://stackoverflow.com/questions/4050999/youtube-iframe-wmode-issue">here</a> I have set the <code>wmode</code> attribute to <code>transparent</code> - and tried <code>opaque</code>, as well. Unfortunately both didn't do the trick. </p>
  
  <p>I have also added <code>type="application/x-shockwave-flash"</code> like it is suggested <a href="http://www.google.com/support/forum/p/Chrome/thread?tid=2ca277b12bc29e35&amp;hl=en" rel="nofollow noreferrer">here</a></p>
  
  <p>Here is the code currently responsible for the embedding.</p>
  
  <pre><code>&lt;iframe wmode="transparent" type="application/x-shockwave-flash" 
      width="760" height="427" 
      src="http://www.youtube.com/embed/Xedbog6_3L0?rel=0&amp;hd=1?wmode=transparent" 
      frameborder="0" allowfullscreen=""/&gt; 
  </code></pre>