[css-d] positioning over mpeg video..

2011-12-11 Thread Michael Beaudoin 
Is it possible to position a transparent button over an embeded mpeg  
video?


I can move them around but when the page loads, it seems the buttons  
are behind the movie.


I've tried z-index but I'm sure I'm not doing it right. Code is below  
but the link is http://www.ba-doyn.com/junk/video/


The css:
* {
margin: 0;
padding: 0;
}
html {
min-height: 100%;
margin-bottom: 1px;
}
body {
text-align: center;
}
#page-wrap {
text-align: left;
width: 960px;
margin: 0 auto;
}
#video  {
}
#button1  {
background-color: #FF;
height: 25px;
width: 75px;
position: relative;
top: -200px;
left: 150px;
z-index: 100;
}
#button2 {
background-color: #0033FF;
height: 25px;
width: 75px;
position: relative;
top: -150px;
left: 150px;
z-index: 100;
}
.clear {
clear: both;
}

The html:
body
div id=page-wrap
  div id=video
embed src=final_hsbvideo_12-8.mpg width=480 height=375/ 
embed

div id=button1button1/div
div id=button2button2/div
  /div
/div
/body

Thanks,
Michael


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] positioning over mpeg video..

2011-12-11 Thread Mark Senff 
On 2011-12-11, at 9:18 PM, Michael Beaudoin wrote:

 Is it possible to position a transparent button over an embeded mpeg video?
 I can move them around but when the page loads, it seems the buttons are 
 behind the movie.
 I've tried z-index but I'm sure I'm not doing it right. Code is below but the 
 link is http://www.ba-doyn.com/junk/video/

For what it's worth -- it does seem to work on a Mac in Firefox and Safari, but 
not Chrome. 
Personally, I prefer using a Flash player for embedded videos, and with the 
all-popular JWplayer it's no problem to use images over the video container 
(but of course that won't solve your problem of wanting to place images over an 
embedded MPEG video).

mS

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] positioning over mpeg video..

2011-12-11 Thread Michael Beaudoin 

On Dec 11, 2011, at 8:31 PM, Mark Senff wrote:


On 2011-12-11, at 9:18 PM, Michael Beaudoin wrote:

Is it possible to position a transparent button over an embeded  
mpeg video?
I can move them around but when the page loads, it seems the  
buttons are behind the movie.
I've tried z-index but I'm sure I'm not doing it right. Code is  
below but the link is http://www.ba-doyn.com/junk/video/


For what it's worth -- it does seem to work on a Mac in Firefox and  
Safari, but not Chrome.
Personally, I prefer using a Flash player for embedded videos, and  
with the all-popular JWplayer it's no problem to use images over the  
video container (but of course that won't solve your problem of  
wanting to place images over an embedded MPEG video).


mS



Yeah, with a transparent gif it works on the Mac, but not on the PC in  
IE or Firefox.


I'll keep working,

Thanks,
Michael
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/