div over quicktime

[britto]

Hi...

Is there any way to show or slide a div element over a quicktime player? please help me..

thanks

[vincevincevince]

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.

[phranque]

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].

[bSimon]

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...

This is what it looks like. You still have to do the JavaScript part to set the diplay to block:

<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;">
</iframe>
<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">
<EMBED SRC="test.mov"
CONTROLLER="False"
TYPE="video/quicktime"
PLUGINSPAGE="http://www.apple.com/quicktime/download/"
enablejavascript="true"
id="videoEmbed"
autoplay="true"
width="480"
height="384"
scale="ToFit">
</EMBED>
</div>

[edited by: jatar_k at 8:06 pm (utc) on Nov. 23, 2007]
[edit reason] no urls thanks [/edit]

[bSimon]

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!