Yes, it is really possible if only you’re using a Gecko-based browser like Firefox. If you used the pull-down menu on Google Video, you have already even seen it in action.
So, how did Google do it? Well, I analyzed their code and the answer is simple: they put an iframe between the Flash and the div using z-index. Hey, you tried it and it didn’t work? That’s because it needs a little hack: the iframe’s CSS “display” property must be set to “none” at first (style=”display: none”) and be changed to “block” via JavaScript after the <embed> element is rendered. With this hack – it works!
So, take a look at the example. For your convinience, I’ve mirrored it on three servers:
- server 1 (pertus.com.pl, Legnica, Poland)
- server 2 (students’ server at the Opole University of Technology, Opole, Poland)
- server 3 (AviaryPL Team’s server at the Szczecin University of Agriculture, Szczecin, Poland)
OK, before you slashdot or digg this, please don’t link to the examples directly. Link to this post only.
