Welcome to WebmasterWorld Guest from 54.166.54.215

Forum Moderators: not2easy

div over quicktime

div over quick time

   
9:27 am on Nov 9, 2007 (gmt 0)

5+ Year Member



Hi...

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

thanks

9:46 am on Nov 9, 2007 (gmt 0)

WebmasterWorld Senior Member vincevincevince is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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)

WebmasterWorld Administrator phranque is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



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)

5+ Year Member



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]

4:47 pm on Nov 22, 2007 (gmt 0)

5+ Year Member



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!
 

Featured Threads

Hot Threads This Week

Hot Threads This Month