Div "cadre" et Div "vidéo" superposés

[ThufirHawat]

Bonjour à tous,

Pour la page d'accueil d'un site en construction, je cherche à créer une bannière avec le titre du site qui se superpose à une vidéo.

J'ai donc intégré la vidéo à l'aide du lecteur JW Player

(http://www.longtailvideo.com/players/jw-flv-player/)

placé dans une balise DIV.
Puis je place le reste de la bannière dans une autre balise DIV qui doit se placer au dessus de la vidéo.

Mais quoi que je fasse, la vidéo reste au dessus. J'arrive à les superposer parfaitement sur l'axe X et Y, mais niveau profondeur impossible de faire passer la vidéo au dessous.

J'ai "jonglé" avec les positions "fixed", "absolute", "relative", les valeurs du z-index, etc... mais pas moyen d'obtenir le résultat désiré.

Auriez-vous une solution à mon problème ?

Ma page php contient donc 2 div

Code :

1
2
3
 
<div class="video"> où je mets le lecteur JW </div>
<div class="cadre"> contenant le reste de la bannière </div>

j'arrive à superposer les deux, mais quand je mets un z-index supérieur au cadre, la vidéo se place malgré tout au dessus.

D'avance merci.

Thufir Hawat

[ornitho13]

Salut,

dans le code object de ton player, il faut la propriété wmode avec la valeur transparent.
Il y a eu une discussion à ce sujet ici. Tu peux t'y référer.

Avec JW Player et SWFObject, tu devras, je crois, rajouter en javascript:

Code javascript :

1
2
3
4
.
...
so.addParam('wmode','transparent');
...

[ThufirHawat]

Bonjour et merci pour cette réponse rapide.

J'ai essayé d'ajouter la ligne

Code :

so.addParam('wmode','transparent');

à différents endroits sans grand succès.

J'ai ensuite fouillé dans le fichier jwplayer.js et j'y ai trouvé le code

Code :

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

. Est-ce qu'en changeant opaque par transparent à cet endroit l'effet est le même ?

Et si oui, pourquoi cela ne fonctionne toujours pas ?

Au niveau des DIV, est-il nécessaire de créer un premier DIV en position "relative" et de mettre les DIV "video" et "cadre" en position "aboslute" ?

Encore merci de votre aide.

Thufir Hawat

[ThufirHawat]

Après re-bidouillage, j'ai fini par résoudre le problème.

Il suffisait bien d'ajouter le paramètre ('wmode','transparent')

Merci pour l'aide et à bientôt pour de nouveaux problèmes insurmontables