Discussion :

[jprscl]

Bonjour à tous,

J'ai actuellement un site affichant une vidéo au format QuickTime avec au-dessus un menu. Quand ce dernier se déroule, il s'affiche derrière la vidéo (sauf sous Firefox où le comportement est normal). Mon menu à un z-index de 999 et ma vidéo un z-index de 1.

J'ai fais des recherches via Google et plusieurs internautes indiquaient l'existence de l'attribut vmode='transparent'. Quand j'utilise cette propriété, la vidéo ne s'affiche plus (mais s'exécute car j'ai le son) sous Firefox et sous IE7-IE8, le menu se place bien devant la vidéo qui s'affiche aussi mais il n'y a qu'une partie de la barre de contrôle QuickTime qui s'affiche.

Quelqu'un connaîtrait-il une solution générale ou une solution pour afficher correctement la barre de contrôle QT entièrement avec le wmode ? Pour la 2ème solution, je pourrai utiliser des conditions HTML ([IF IE]) vu que sous Firefox, la vidéo ne s'affiche pas.

Merci d'avance,
JP

[jprscl]

Voici le code que j'utilise :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<object height="592" width="690" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<param value="http://streamer.podcast.ulg.ac.be/reflexions/scienceensamusant/doccafe/DocHorlogesBis.mov" name="src">
<param value="true" name="autoplay">
<param value="true" name="controller">
<param value="true" name="kioskmode">
<param value="true" name="loop">
<param value="video/quicktime" name="type">
<param value="transparent" name="wmode">
<embed height="592" width="690" type="video/quicktime" loop="true" kioskmode="true" controller="true" autoplay="true" pluginspage="http://www.apple.com/quicktime/download/" src="http://streamer.podcast.ulg.ac.be/reflexions/scienceensamusant/doccafe/DocHorlogesBis.mov">
</object>

et le résultat que j'obtiens sous IE7/IE8 avec le wmode="transparent" :



Sous Firefox, la vidéo ne s'affiche plus.

Quand je n'utilise pas le wmode="transparent", ça fonctionne mais mon menu css du haut de page se sait pas se superposer sous IE.

J'espère que ces informations supplémentaires pourront être utiles.