Menu CSS par dessus une vidéo
vct
-
THC -
THC -
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.
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.
A voir également:
- Menu CSS par dessus une vidéo
- Montage video windows - Guide
- Comment télécharger une vidéo youtube - Guide
- Nommez une application d'appel vidéo ou de visioconférence - Guide
- Insérer une vidéo dans powerpoint - Guide
- Menu déroulant excel - Guide
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"
// dans la liste des paramètres de la balise object
<param name="wmode" value="transparent" />
// dans les attributs de la balise <embed />
wmode="transparent"
THC
merci bosh t'assure :))
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 :
En HTML :
J'espère que j'ai répondu à ta question,
Ululo
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
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.
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.
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
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
j'ai pas testé les autre choses.
(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.
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.
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.