homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

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

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;">
<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"

[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!

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved