Jump to content

posistioning an embed behind a img


trixy
 Share

Recommended Posts

I wanne place a *.mov behind a picture so it is like the video plays in the tv.but each time I try to place the embed behind the image it always starts playing befor...

<html><head><title>caetano motion2</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><style type="text/css"><!--div.page {	position:absolute;	left:100;	top:100;		}div.achtergrond {	position:absolute;	left:1;	top:1;	z-index:5;	}	embed.filmke {	position:absolute;	left:397px;	top:223px;	width:382px;	height:302px;}--></style><body bgcolor="#023456" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" ><div class="page"><div class="filmke"><embed src="2_She.mov" width="380" height="300" class="filmke" wmode="transparent"></embed></div><div class="achtergrond" ><img src="images/2_She.gif" width="1084" height="723" ></div></div></body></html>

Link to comment
Share on other sites

First, you have the style element between the head and the body. Nothing should be between the head and the body, move the style into the head. Also, you have the z-index on the picture, but add z-indexes to the other two divs. Give the page div a z-index of 1, and the filmke div a z-index of 2.What's the issue? Is the issue that the movie starts playing before the image over it loads? Or do you not see the image over it at all?

Link to comment
Share on other sites

What's the issue? Is the issue that the movie starts playing before the image over it loads? Or do you not see the image over it at all?
the movie should play behind the picture so that you can only see a part of it and so it is just like playing in a tvin picture is a room with a tv an the screen of the tv is transparant and I want the movie to play there...now its like this but the movie is still on the top layer.
<html><head><title>caetano motion2</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css"><!--div.page {	position:absolute;	left:100;	top:100;	z-index:1		}div.achtergrond {	position:absolute;	left:1;	top:1;	z-index:2;	}	embed.filmke {	position:absolute;	left:397px;	top:223px;	width:382px;	height:302px;	z-index:3;}--></style></head><body bgcolor="#023456" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" ><div class="page"><div class="filmke"><embed src="2_She.mov" width="380" height="300" class="filmke" wmode="transparent"></embed></div><div class="achtergrond" ><img src="images/2_She.gif" width="1084" height="723" ></div></div></body></html>

Link to comment
Share on other sites

Make sure achtergrond has a higher z-index then the movie, you want the image over the movie.I'm not sure if this will work though. Embedded players work differently then other HTML elements, I'm not sure if you'll be able to position a transparent image over it or not. But set up the z order right and see if that works.

Link to comment
Share on other sites

Yeah, I just don't think you can cover up the plugin with another HTML element. Most player plugins will always play on top of the page, regardless of whatever HTML or CSS rules you have. The plugin doesn't look at those rules, it just plays the video. If you want to put a frame like that around the video, you will need to use something like Flash. With Flash, you can create your own player that will put the video where you want it, and you can put whatever you want over or around the video. Obviously it's not as easy to make a Flash movie as it is to position an image with CSS, but that's about the only option.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...