Youtube player can't be covered by any HTML element

I have a website which contains youtube flash player. Player's code was copied from Youtube and pasted to an HTML of my page.

When I'm opening the page in iPhone or iPad, the player can't be covered by absolute positioned DIV tag. The div tag has z-index 1000 and covers all elements (youtube flash player too) on the page if I use normal PC. But in iPhone or iPad I can't cover youtube player by this div element.

I used many tricks with OBJECT and EMBED tags of flash element (adding style="position:absolute; z-index:0" and etc.) but no results.

Please assist how can I c开发者_如何学Pythonover Flash element in iPhone or iPad.

please use an iframe. That's the way I've done it. I found that on the iphone there are certain things that dont work but will work on a pc. I believe however Iframes are quite versatile with stuff.

Try it out. Let me know if it works.

You just had to add ?wmode=transparent at the end of the url of the youtube embed code to fix the problem.

It should work!