Video en flash no respeta orden de las capas

treki23 · #1 (**permalink**) 09/12/2008, 16:01

Hola, tengo 3 capas, la primera engloba las otras 2 las cuales son una imagen y un video, la idea es que la imagen sirva como marco del video.

Código:

#capacontenedoraDS9{
	postition:relative;
	float:left;	
	width:100%;
	height:400px;
	margin-left:auto;
}
#contenedorvideoDS9{
	position:absolute;
	overflow:hidden
	margin:5px;
  	margin-top:50px;
  	margin-left:240px;
    z-index:-1;
}
#contenedorfotoDS9{
	position:absolute;
	width:145px;
  	height:92px;
 	z-index: 70;
}
<div id="capacontenedoraDS9">
      <div id="contenedorvideoDS9">
                 <embed src="http://www.mundostartrek.com/MST3/videos/'.$doc.'.swf" height=290 width=500  ></embed>
	</div> 
	<div id="contenedorfotoDS9">
 	    <img src="http://www.mundostartrek.com/MST3/imagenes/biblioteca/DS9.png" width="800">
      </div>
 </div>';

El problema es que no respeta el Z-index y muestra el video siempre encima, si en vez de un video pongo una foto si lo muestra bien. Lo mas curioso es que si se visualiza en un Mac OS X si se muestra bien, pero ni en windows ni linux lo hace.

No se donde puede estar el fallo y ando un poco desesperado. Podeis ver el resultado en:

http://www.mundostartrek.com/Biblioteca_Nueva.php?doc=enterprise-d

willyfc · #2 (**permalink**) 09/12/2008, 16:08

prueba dandole al flash la propiedad wmode="transparent"

Código HTML:

<param name="wmode" value="transparent">

chau

treki23 · #3 (**permalink**) 09/12/2008, 16:11

Buenas, perdona si es una pregunta absurda pero.. podrias indicarme exactamente como meter lo de param???

saludos y muchas gracias

willyfc · #4 (**permalink**) 09/12/2008, 16:15

si vas ha insertarlo como esta en tu código sería de esta manera:

Código:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="770" height="147">
<PARAM name="movie" value="ihttp://www.mundostartrek.com/MST3/videos/'.$doc.'.swf">
<PARAM name="play" value="true">
<PARAM name="loop" value="true">
<PARAM name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="http://www.mundostartrek.com/MST3/videos/'.$doc.'.swf" height=290 width=500 wmode="transparent"></embed></OBJECT>

creo que esa es la forma

avisas como te va

treki23 · #5 (**permalink**) 09/12/2008, 16:21

Probado pero me temo que sigo con el mismo problema... :(

saludos

willyfc · #6 (**permalink**) 09/12/2008, 16:32

en tu código te falta un ; y eso esta anulando el position absolute y el overflow hidden aunque creo que este último no es necesario, si un div no es absolute no se puede utilizar z-index y no es necesario que sea negativo basta con que sea menor que el otro

treki23 · #7 (**permalink**) 09/12/2008, 16:39

Muchisimas gracias...ahora ya funciona!!!!!, no entiendo porque antes fallaba en windows y linux y no en Mac pero el caso es que funciona!!! muchas gracias.

saludos

treki23 · #8 (**permalink**) 09/12/2008, 16:54

Malas noticias, creia que estaba pero no, ahora se muestra bien solo en Firefox, en el internet explorer ya no se muestra el video

saludos

willyfc · #9 (**permalink**) 09/12/2008, 17:10

en el embed las medidas de ancho y alto no tienen comillas

height=290 width=500

deberían tener

treki23 · #10 (**permalink**) 10/12/2008, 02:42

bueno , despues de pegarme mucho con ello vi que poniendo lo siguiente la cosa parece funcionar:

Código:

<embed src="MST3/videos/'.$doc.'.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="500" height="290" wmode="transparent" scale="exactfit"></embed>

Pero funciona en firefox, chrome, safari e Ie 7, pero no en versiones anteriores de IE :(, donde ni se muestra el video.

saludos

treki23 · #11 (**permalink**) 11/12/2008, 09:01

Bueno, al final parece que el problema es que el IE 6 no es capaz de interpretar bien los PNG transparentes... problemilla solucionado con un js en los casos de ie 6.

saludos