...

View Full Version : HTML Layer over an embedded object, possible?



grasshopper
02-22-2008, 12:04 AM
Hello all,

I have a Video object embedded in an html document through the <object> tag. However, I'd like to add an image over the video as a layer to indicate to users where the face of the person a picture is being taken off should be. I've been playing with the <layer> tag and no success. I have also use CSS to layer <div>'s but no success.

Any help will be appreciated,

grasshopper

jcdevelopment
02-22-2008, 02:31 AM
im not sure but try this



#videoContainer {
width:size of video;
height:size of video;
.....
z-index:1;
}


#pictureContainer {
width:size of pic;
height:size of pic;
position:absolute;
top:adjust to over video(90px);
left:adjust to over video(90px);
.....
z-index:10;
}


see if that would work...

grasshopper
02-25-2008, 08:50 PM
jcdevelopment,

Tried it, but the image shows up behind the Video object. The image is also below or underneath other object controls, like a drop down menu and a text area. Interesting behavior.

Any other suggestions?

jcdevelopment
02-25-2008, 08:54 PM
hmmm, is there a link that i can look at?

grasshopper
02-25-2008, 08:56 PM
I have a screenshot i'd like to attach to this post. How can I do that without using a URL?

jcdevelopment
02-25-2008, 09:02 PM
on the advanced post, scroll down and you will see manage attachments!!

grasshopper
02-25-2008, 09:04 PM
Oops!

See attached file. The green image file I want on top of the Video object.

jcdevelopment
02-25-2008, 09:26 PM
what is the green object is that the video object?

grasshopper
02-25-2008, 09:28 PM
what is the green object is that the video object?

Nope. The green object is the image file that I would like to put on top/above the Video object which is a white block. Look at the bottom right of the green image.

jcdevelopment
02-25-2008, 09:37 PM
hmmm, im starting to think it cant be done... I am at a loss! I will keep messing with the idea and trying to make it work. Hopefully somone else has an idea what to do also... I will keep looking in the mean time!

grasshopper
02-25-2008, 10:10 PM
hmmm, im starting to think it cant be done... I am at a loss! I will keep messing with the idea and trying to make it work. Hopefully somone else has an idea what to do also... I will keep looking in the mean time!

Thanks. I've been looking into this for more than a week now.

jcdevelopment
02-25-2008, 10:17 PM
have you googled embedded video, alot good sites come up, but i have yet to find any information!

grasshopper
02-25-2008, 10:23 PM
have you googled embedded video, alot good sites come up, but i have yet to find any information!

Just did. I noticed most sites use the <embed /> tag. I am not embedding a file into the web page. Instead, I am creating a video object, using the <object /> tag, to feed video from a webcam into the web page. I need to place an image on top of the video to guide our users where the face of person should be on the screen for a good photo.

Hope this help understand my situation.

rvchuck
02-26-2008, 12:49 AM
Without a link to see your code it is hard to say what the problem is.
If your video is flash than flash will usually be the top layer of the page that is why the image continues to be behind it.
You could add the image to the fla file at the start of the clip that way it would be part of the player. You need to use the embed and object tags together in order for the video to operate properly in all browsers. Not enough info here to help without guessing.

Apostropartheid
02-26-2008, 06:00 PM
Isn't this something like the flash satay technique?

And no you don't. object alone is enough =P.

_Aerospace_Eng_
02-26-2008, 06:03 PM
Support for images and stuff over windows media player video objects is slim. There is a parameter you can use but it will only work in IE. Post a link to your page or the rest of your code.

grasshopper
02-27-2008, 06:14 PM
To be a bit more specific:

I am creating a WIA VideoPreview Object. The application I am working on will only be used through IE.



<td width="480" align="center">
<fieldset><legend>Webcam</legend>
<div id="webcamObject" >
<object id='VideoPreview' width='320' height='240' classid='clsid:0B5F2CC8-5E1E-44F9-899B-3B789705AFCA'> </object>
<img id="previewImg" src="images/facialLayer.gif" />
</div>
</fieldset></td>

GiveWay
01-19-2010, 10:01 AM
Hi,

Did you ever find a way of layering an image over your embedded object, I have just started doing the same research and found no solution that does not place the image underneath the video object.

abduraooft
01-19-2010, 10:06 AM
Hi,

Did you ever find a way of layering an image over your embedded object, I have just started doing the same research and found no solution that does not place the image underneath the video object.Start a new thread and give as much as information related to your issue, like your code or a link to your page.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum