|div over quicktime|
div over quick time
| 9:27 am on Nov 9, 2007 (gmt 0)|
Is there any way to show or slide a div element over a quicktime player? please help me..
| 9:46 am on Nov 9, 2007 (gmt 0)|
Britto Welcome to WebmasterWorld! [webmasterworld.com]
No, I don't think so. You can convert the movie into a flash movie though, and in most browser you can get things on top of that using z-index.
| 11:40 am on Nov 9, 2007 (gmt 0)|
welcome to WebmasterWorld, britto!
i'm not sure about quicktime, but if you decide to do the flash implementation there is a well-documented "flash z-index" bug.
this WebmasterWorld thread on Flash with swfObject [webmasterworld.com] could be helpful.
there are several threads on it here.
you can download swfobject at the google code site [code.google.com].
| 2:05 pm on Nov 21, 2007 (gmt 0)|
It is possible in IE, and partly in Firefox.
For IE, you simply create an empty iframe which has the right size and position and a z-index higher than the QT plugin. It will cut a hole in the movie. After that, you put the div on the same place, with a z-index higher than the iframe. For Firefox, make sure that the iframe has property display:hidden, and set it to block after loading the QT plugin. However, whenever you start playing the movie, the QT plugin comes back to the foreground :(
I am still experimenting right now how I can get the thing fully working in Firefox. If I got it working, I'll report here...
<iframe scrolling="no" id="if" style="position: absolute; top: 40px; left: 10px; z-index: 0; width:150px; height:30px; display:none; background-color: yellow; border:0;">
<div style="position: absolute; top: 40px; left: 10px; z-index: 1; width:150px; height:30px; display:none;">test</div>
<div style="position: absolute; top: 20px; left: 25px; z-index: -1">
[edited by: jatar_k at 8:06 pm (utc) on Nov. 23, 2007]
[edit reason] no urls thanks [/edit]
| 4:47 pm on Nov 22, 2007 (gmt 0)|
Finally, I gave up on trying to fix this. Since I needed QuickTime to connect to an RTSP source, I tried the same with RealPlayer, and there it worked, both in IE and Firefox!