Old YouTube embed code stack order

I have a control that serves up YouTube embed html. If the user is on an iPhone I have it sending开发者_开发问答 the older YouTube embed code (because as we have seen this actually works ( YouTube embed code on iPad ) ). However, I want to use a playlist - which doesn't work on the iDevices.

So I dove into the YouTube API and started grabbing videos from the playlist I wanted, made a list, and put some arrows over the player for forward and back. Awesome - playlist achieved. Laying the arrows (two images in divs) works on a PC ( overlay opaque div over youtube iframe ).

What I can't figure out is why this doesn't work when I bring it up on an iDevice.

Any suggestions?

Here is my HTML:

<div id=\"player\" style=\"z-index:1;\">
<object width=\"363\" height=\"299\"><param name=\"movie\" value=\"http://www.youtube.com/v/"?VIDEOIDversion=3&wmode=transparent&amp;hl=en_US\"></param><param name=\"wmode\" value=\"transparent\"></param><param name=\"allowFullScreen\" value=\"true\"></param><param name=\"allowscriptaccess\" value=\"always\"></param><embed wmode=\"transparent\" src=\"http://www.youtube.com/v/VIDEOID?version=3&wmode=transparent&amp;hl=en_US\" type=\"application/x-shockwave-flash\" width=\"363\" height=\"299\" allowscriptaccess=\"always\" allowfullscreen=\"true\"></embed></object>
</div>

Then I am trying to lay two images over that "player" div, however the images get rendered behind the "player" div.