image au dessus d'une vidéo youtube [Résolu]

[gianni7033]

Bonjour à tous,

j'essaye de mettre une petite image au dessous d'une vidéo youtube (vidéo youtube placé sur mon site).

J'ai joué avec le z-index sans succès.

Ma question: est-ce possible de placer une image au-dessus de cette vidéo, ou bien la vidéo sera-t-elle toujours au dessus ?

Merci

[ornitho13]

oui tu peux en utilisant le paramètre "wmode" dans l'appel de ton swf.

Exemple:

Code html :

1
2
3
4
5
6
7
<object type="application/x-shockwave-flash" data="/flash/player.swf" width="401" height="300" id="playerObject" style="visibility: visible; ">
   <param name="quality" value="autohigh">
   <param name="bgcolor" value="#000000">
   <param name="wmode" value="transparent">
   ...
</object>

[kirua99]

si tu veux mettre une image en dessous de ta vidéo.
Fais un tableau:
=> 1er td ( ta vidéo)
=> 2eme td (ton image dimensionné)

[gianni7033]

aille domage ça fonctionne pas encore :

Code :

1
2
3
4
5
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/******&hl=en&fs=1" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" /><embed id="embe" src="http://www.youtube.com/v/*******&hl=en&fs=1&autoplay=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
</object>

[ornitho13]

Que le wmode ne fonctionne pas,me semble bizarre...
Peux tu donner un lien vers une démo?

[gianni7033]

Code :

1
2
3
4
5
6
7
8
<object width="425" height="344" type="application/x-shockwave-flash" data="http://www.youtube.com/v/***********&hl=en&fs=1&autoplay=1">
<param name="movie" value="http://www.youtube.com/v/**********&hl=en&fs=1&autoplay=1" />
<param name="allowfullscreen" value="true" />
<param name="quality" value="autohigh" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#000000" />
<embed id="embe" src="http://www.youtube.com/v/***********&hl=en&fs=1&autoplay=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
</object>

Merci beaucoup