Menu CSS par dessus une vidéo

Fermé
vct - 12 mars 2008 à 14:36
 THC - 29 avril 2009 à 15:57
Bonjour,

Je souhaite depuis un moment faire passer mon menu déroulant CSS au dessus d'une vidéo lue dans un cadre flash.
J'ai essayé de jouer avec le z-index mais sans résultat ainsi qu'avec le wmode de flash qui ne change rien.
J'ai essayé de lire la vidéo à partir d'un lecteur windows media player plutôt que flash mais l'effet est le même.

Auriez-vous d'autres idées ?

Merci,
Vincent.

2 réponses

Pour permettre au menu déroulant de passer au dessus de l'animation flash aussi bien sur IE que sur FF !

// dans la liste des paramètres de la balise object
<param name="wmode" value="transparent" />

// dans les attributs de la balise <embed />
wmode="transparent"
5
merci bosh t'assure :))
0
Ululo Messages postés 28 Date d'inscription mercredi 5 mars 2008 Statut Membre Dernière intervention 31 décembre 2008 8
12 mars 2008 à 18:52
Excuse-moi je n'ai pas bien compris ta question.
Mais si c'est ce que je pense, pquoi ne fais-tu pas des <div>?
En CSS :
#video{
float: left;
}

#menu{
float: left;
}

#corps{
margin-left: Lalargeurdetavidéo;
}

En HTML :
<div id="menu">
Ton menu
</div>
<div id="video">
Ta vidéo
</div>
<div id="corps">
Ta page
</div>

J'espère que j'ai répondu à ta question,
Ululo
0
Salut, merci pour ta réponse mais ce n'est pas ce que je souhaite.
J'ai quand meme essayé de mettre des float au cas où ça pourrait fonctionner mais non...

-----------|---------|-----------------|
produit |test |applications |
-----------|---------|-----------------|
prod1 |
prod2 |
prod3 |
prod4 |
--------------------------------------------------------
|
|
|
|
VIDEO |
|
|
|
--------------------------------------------------------

voici un exemple : produit, test, applications font le menu.
Au survol sur produit on voit le menu css qui se déroule, or on ne voit que 4 éléments alors qu'il y en a 8.
Les autres éléments étant caché par ma vidéo.

Voilà, si vous avez des propositions n'hésitez pas.
0
Alban > vct
13 mars 2008 à 09:34
hier j'ai réussi à le faire par hasard, donc tu a bien fait de poser la question aujourd'hui :
(en CSS toujours) tu cale l'emplacement de ton menu comme tu le souhaite et tu lui attribue en plus un
position: fixed;


Bon maintenant a voir si ça peu aller avec le positionnement de ton menu, ce qui n'est pas encore gagné.
Marche pour flash, inséré de façon propre
<object type="application/x-shockwave-flash" data="test/flub.swf" width="850" height="30">
                                  <param name="movie" value="test/flub.swf" />
                          </object>

j'ai pas testé les autre choses.
0
vct > Alban
13 mars 2008 à 10:54
Tu as trouvé comment faire passer par dessus la vidéo, super merci génial !!
MAIS ça créé un autre problème donc je ne peux pas l'utiliser : avec IE7 et Firefox 2 mon menu reste à présent figé à l'écran même quand je déroule l'ascenceur donc le menu déroule avec la roulette et ça je veux pas, il faut que ce menu reste en haut et ne bouge pas.

En attend que quelqu'un résout le nouveau problème ou que quelqu'un trouve une autre solution je vous remercie!

Vincent.
0
Alban > vct
13 mars 2008 à 10:59
tente la bidouille avec des div imbriqué, genre tu ne met pas directement l'atribut fixed a ton menu, mais à un/des div parents, et ton menu en position:absolut et en vertical align: top ou margin/padding-top: 0
j'ai pas essayé, c'est de la réflexion a chaud, donc ... a essayer pkoi pas
0
vct > Alban
13 mars 2008 à 12:09
Alban, bonne idée mais ça ne fonctionne pas...
Faudrait que je change de place ma vidéo et ça sera réglé lol mais je peux pas.

Vincent.
0