trixy Posted September 27, 2007 Share Posted September 27, 2007 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 More sharing options...
justsomeguy Posted September 27, 2007 Share Posted September 27, 2007 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 More sharing options...
trixy Posted September 27, 2007 Author Share Posted September 27, 2007 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 More sharing options...
justsomeguy Posted September 27, 2007 Share Posted September 27, 2007 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 More sharing options...
trixy Posted September 27, 2007 Author Share Posted September 27, 2007 Tried but doesn't make a differencethanks for the quick reply, I you have an other sugestion let me know... Link to comment Share on other sites More sharing options...
justsomeguy Posted September 28, 2007 Share Posted September 28, 2007 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 More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.