28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai travaillé récemment sur ce site : www.gigalis.org/test

C'est un site en spip dans lequel j'ai intégré un menu jquery... mais voilà, celui-ci passe sous ma vidéo qui est intégrée depuis vimeo... et cela malgré l'ajout de la ligne <param name="wmode" value="transparent">. Smiley bawling

J'avais déjà repéré que si je remplaçait ma vidéo par une image, le menu passait aussi en dessous ...

Voici le code de l'intégration de la vidéo

<div id="video_edito"><object width="400" height="225"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always">

<param name="wmode" value="transparent"><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3486352&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1"><embed src="http://vimeo.com/moogaloop.swf?clip_id=3486352&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></object></div>

</div>


Merci d'avance pour votre aide ! Je ne trouve pas pour l'instant de solutions ... de plus, j'ai besoin que ce soit efficace sur ie6/7, safari et Mozilla ....

Emmanuelle
Modifié par Kalana (06 Mar 2009 - 13:48)
J'ai résolu le problème en me débarrassant de la balise embed

voici donc le nouveau code :
<object type="application/x-shockwave-flash" data="http://vimeo.com/moogaloop.swf?clip_id=3486352&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1"  width="400" height="225">
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3486352&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1" />
<param name="wmode" value="transparent" />
<p>Image ou texte alternatif</p>
</object>