El reproductor se me pone encima de la imagen, ¿Como puedo solucionarlo?

rompeguesos · #1 (**permalink**) 28/05/2009, 04:15

Hola amigos tengo un reproductor insertado en la web en un DIV con la propiedad POSITION:ABSOLUTE y una imagen en un DIV con POSITION:ABSOLUTE y la propiedad Z-INDEX.
Sin reproducir nada la imagen se queda encima del reproductor pero una vez empiezo a reproducir un video se me esconde la imagen detras del reproductor,lo que necesito es que la imagen siempre este por encima del reproductor, ¿Hay algun modo de hacerlo?

Aresillo · #2 (**permalink**) 28/05/2009, 11:33

El div del reproductor tiene también z-index??

Mikmoro · #3 (**permalink**) 28/05/2009, 15:51

Imagino que el reproductor es flash. Si es así, haz una búsqueda sobre wmode="transparent", que es el parámetro que necesitas para que quede detrás.

rompeguesos · #4 (**permalink**) 29/05/2009, 05:15

Aresillo, el reproductor no le tengo puesto z:index.

Mikmoro, es el reproductor windows media video.

Sabeis de alguna solucion?

Aresillo · #5 (**permalink**) 29/05/2009, 05:16

Puedes ponerle al div o a la clase del reproductor un z-index más alto que el de la imagen. Prueba a ver

rompeguesos · #6 (**permalink**) 29/05/2009, 05:24

eso ya lo probe de varios modos, si pongo en el reproductor un z-index superior a la imagen el reproductor se pone encima incluso sin reproducir nada, ahora mismo lo tengo de este modo:

reproductor --> z-index --> 1
logoreproductor --> z-index --> 2

se ve perfecto pero solo como ya dije cuando no reproduce nada ....

cuando empieza a reproducir se esconde detras pero eso solo sucede si el logo lo pongo en la pantalla de visualizacion porque si lo pongo por encima de los botones del reproductor y eso va bien :')

Mikmoro · #7 (**permalink**) 29/05/2009, 05:32

Cita:

Iniciado por rompeguesos

Mikmoro, es el reproductor windows media video.

Ah, pues lo siento.

rompeguesos · #8 (**permalink**) 29/05/2009, 05:46

Mikmoro no hay problemas ejjeje solo te he informado de lo que era nada mas ;), ¿Hay algun modo de hacerle eso o me doy por vencido? :P jejejej

Mikmoro · #9 (**permalink**) 29/05/2009, 05:56

Yo si viera la página igual podría probar algo, aunque siendo el reproductor de windows no lo tengo nada claro.
En la cuestión de los z-index, asegúrate de que tanto la caja contenedora como el reproductor tienes una posición asignada, como position: relative, por ejemplo, si no, el z-index no hará ni caso.

rompeguesos · #10 (**permalink**) 29/05/2009, 06:07

Mira te muestro todo el codigo, este es el del reproductor:

Código PHP:

  <!--Canal de Tv--> 
<table border="0" cellpadding="0" cellspacing="0" id="tv" name="tv"> 
<tr> 
      <td><OBJECT id="VIDEO" width="320" height="240" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject"> 
<PARAM NAME="URL" VALUE="http://94.75.209.28:8428/"> 
<PARAM NAME="SendPlayStateChangeEvents" VALUE="True"> 
<PARAM NAME="AutoStart" VALUE="True"> 
<PARAM NAME="stretchToFit" VALUE="True"> 
<PARAM name="uiMode" value="full"> 
<PARAM name="PlayCount" value="1"> 
<PARAM NAME="AutoRewind" VALUE="0"> 
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" name="mediaplayer1" autostart="true" width="320" height="240" transparentstart="1" SHOWSTATUSBAR="1" loop="0" controller="true" src="http://94.75.209.28:8428/" stretchToFit="true" ></embed> 
</OBJECT></td> 
  </tr> 
</table>

y este el logo que quiero que quede encima:

Código PHP:

  <div id="logotv"><img src="imagenes/logotv.png" width="40" height="26" /></div>

Ahora en la hoja de estilo estan marcados de este modo:

el reproductor:

Código PHP:

  /*Canal de Tv*/ 
#tv{ 
    position:absolute; 
    top:415px; 
    left:368px; 
    z-index:1; 
}

y esto el logo:

Código PHP:

  #logotv{ 
    position:absolute; 
    left: 645px; 
    top: 565px; 
    z-index:2; 
}

si hay algo raro no dudes en decirmelo :D

Mikmoro · #11 (**permalink**) 29/05/2009, 06:21

¿Has probado a añadir lo que te he dicho antes?

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

y en el embed:

Cita:

rompeguesos · #12 (**permalink**) 29/05/2009, 06:27

ya lo he puesto pero no hace absolutamente nada...

Mikmoro · #13 (**permalink**) 29/05/2009, 06:55

Debe ser que eso sólo funciona con un reproductor de flash. Lo siento. No tengo ni idea.

rompeguesos · #14 (**permalink**) 29/05/2009, 07:10

ejejje vale muchisimas gracias por tu ayuda Mikmoro, vuelvo a preguntar a todos ¿Alguien sabe como se hace esto?

jalex16 · #15 (**permalink**) 29/05/2009, 08:35

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

rompeguesos · #16 (**permalink**) 29/05/2009, 08:42

tampoco funciona, mira e creado la aplicacion en un enlace para que veais de que trata la cosa, el enlace es http://www.coriaweb.es/coriaweb/untitled.php , antes de dale al play puedes ver que la imagen sale encima del reproductor, bien, pues ahora dale al play y mira lo que pasa. lo que yo queria es que siguiese encima del reproductor.

jalex16 · #17 (**permalink**) 29/05/2009, 09:05

yo no veo nada ahi, solo dos cuadritos pequeños separados
mejor cambialo por un reproductor en flash, algunos permiten poner un pequeño logro sobre ellos.

rompeguesos · #18 (**permalink**) 29/05/2009, 09:10

eh? e puesto una imagen y un reproductor, sino pues mira entra en esta pag www.coriaweb.es, hay sale lo mismo un reproductor con un logo y texto encima pero cuando le das a reproducir se esconde detras, pues lo que yo pretendo es que no se esconda el logo detras sino que siga tal y como antes de empezar a reproducir :')

Mikmoro · #19 (**permalink**) 29/05/2009, 09:44

En esta página has puesto un autostart, por lo que yo no llego a ver el logo sobre el reproductor y luego detrás de el.

rompeguesos · #20 (**permalink**) 29/05/2009, 09:59

el autostart esta en 0 lo quite hace un rato asi que no se porque salta como autostart :(

Mikmoro · #21 (**permalink**) 29/05/2009, 10:09

En tu código aparece esto:

Cita:

De hecho creo que parte del problema viene que desde el principio tú lo estás mirando con IE y la gente que intentamos ayudarte lo miramos con Firefox.

Ahora con el wmode yo lo veo funcionando en FF y en IE6 y con la imagen detrás, como debería (creo).

rompeguesos · #22 (**permalink**) 29/05/2009, 10:30

Ese codigo no es el actual no se porque no se te habra actualizado todavia, el actual es este:

Código HTML:

<div id="tv">
<OBJECT width="320" height="240" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject">
<PARAM NAME="URL" VALUE="http://94.75.209.28:8428/">
<PARAM NAME="SendPlayStateChangeEvents" VALUE="True">
<PARAM NAME="AutoStart" VALUE="0">
<PARAM NAME="stretchToFit" VALUE="True">
<PARAM name="uiMode" value="full">
<PARAM name="PlayCount" value="1">
<PARAM NAME="AutoRewind" VALUE="0">
<param name="wmode" value="transparent" />
<embed type="application/x-mplayer2" wmode="transparent" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" name="mediaplayer1" autostart="true" width="320" height="240" transparentstart="1" SHOWSTATUSBAR="1" loop="0" controller="true" src="http://94.75.209.28:8428/" stretchToFit="true" ></embed>
</OBJECT>
</div>

Y respecto a la imagen lo que quiero que suceda es al contrario que la imagen quede arriba del reproductor, y si es verdad lo estaba mirando con el explorer.

Mikmoro · #23 (**permalink**) 29/05/2009, 10:40

Veamos, que esto se está volviendo un tanto confuso. ¿Tú no tienes este código en tu página:

Cita:

Es decir, el object por un lado y después el embed por otro?

rompeguesos · #24 (**permalink**) 29/05/2009, 10:46

exacto ese es mi codigo :D ahora si es el correcto es que en el de antes marcabas autostart como true cuando yo lo tenia en 0 :D

Mikmoro · #25 (**permalink**) 29/05/2009, 11:35

No, Es el mismo de antes, pero tú no has puesto la parte del embed, que es el que tiene el autostart en true. ¿No lo ves?

De todas maneras, veo que es problema del reproductor, y de que tendrás que poner algún parámetro como el wmode pero específico para el WMP, que yo desconozco. Siento no poder ayudarte más.

rompeguesos · #26 (**permalink**) 29/05/2009, 11:39

jejejej si ya me dao cuenta :P estoy perdiendo ya la vista jejejej, pues muchas gracias de todos modos :D