title: Hover div on top of youtube video
body: <p>I have a script which is making call for youtube feeds and then displays the video (no iframe)
  Please take a look at the fiddle: <a href="http://jsfiddle.net/E4pUE/" rel="nofollow">JsFiddle</a></p>
  
  <p>I want to show an img on top of the player so I appended an img like this: </p>
  
  <pre><code> html += '&lt;span&gt;Top Rated&lt;/span&gt;&lt;img src="http://christianjamesphoto.com/themes/chrisjames/images/arrow-left.gif" /&gt;&lt;/div&gt;';
  </code></pre>
  
  <p>and assigned to it a <code>z-index:9999;</code> However this doesnt seem to work. I have search for an answer to this and it seems that I have to put <code>wmode="transparent"</code> in to the link, but Im not sure how to implement this in the url. What can I do to make it show the img on top of the player?</p>