I’d like to place interaction controls above a youtube iframe video, and I got it working quite OK by just adding `wmode=opaque` as arguments and then position the elements absolute above the iframe.

My problem is that on mobile safari - the controls work fine first, but when I return from the fullscreen video, they are all disabled. It works fine on desktop though.

The HTML is basically:

```
<iframe src="http://www.youtube.com/embed/[ID]?wmode=opaque"></iframe>
<button id="btn">Click me</button>

```

And then the button is positioned absolute above the iframe.

For a demo, please visit this fiddle using your mobile safari: <http://jsfiddle.net/SwGH5/embedded/result/>

You’ll see that the button yields an alert when clicked. Now, play the video and click "done". Then try to click the button again...

If the movie was embedded using the `<video>` tag I could listen for a fullscreen-end event and do something, but now I’m stuck...

Here’s the fiddle: <http://jsfiddle.net/SwGH5>