Pb avec video youtube sur un site
pompomp
Messages postés
17
Statut
Membre
-
pompomp Messages postés 17 Statut Membre -
pompomp Messages postés 17 Statut Membre -
Bonjour,
voilà mon petit problème : j'ai une page (visible à cette adresse : http://www.explorandes.com.ec/snow-capped-trek.html) avec une video youtube. Le problème est qu'en faisant défiler le menu (ex : Galapagos travels/ Galapagos Cruises/Deluxe), le menu s'affiche derrière la vidéo et moi j'aimerai qu'il soit au 1er plan. Voilà ce que j'ai fait, mais ça ne marche pas :
pour la page html :
[code]
<div id="contentarea">
<div id="leftbar">
<div class="entry">
<h1 align="center"><a href="./snow-capped-trek.html" title="Snow Capped Trek">Snow Capped Trek </a></h1><br />
<p align="center"><strong><em>(5 Days / 4 Nights)</em></strong></p><br />
<p align="center">
<object width="425" height="344" style="position:relative; z-index:0;"><param name="movie" value="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
</p>
</div></div></div>
/code
pour le css de la page html :
[code]
#contentarea {
/*clear:both;*/
margin-top:25px;
background-image: url(../images/1by1.gif);
background-repeat: repeat-y;
background-position: 540px;
}
#leftbar {
float:left;
width:539px;
}
#leftbar .entry{
font-family:"Trebuchet MS";
font-size:12px;
color:#797B7A;
font-weight:normal;
text-decoration:none;
padding:0px 40px;
padding-bottom: 14px;
}
/code
pour le css du menu :
[code]
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
z-index:10;
position: absolute;
left: 0;
display: block;
visibility: hidden;
}
/code
j'ai aussi essayé avec :
[code]
<object width="425" height="344" style="position:relative; z-index:2;"><param name="movie" value="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="transparent" /></param><embed src="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
/code
et
[code]
<embed src="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344" style="z-index:2; position:relative;"></embed>
/code
(ajout de style="z-index:2; position:relative;"), mais rien de tout cela n'a fonctionné!
si quelqu'un a une idée , je suis preneur!
Merci d'avance,
Fred
voilà mon petit problème : j'ai une page (visible à cette adresse : http://www.explorandes.com.ec/snow-capped-trek.html) avec une video youtube. Le problème est qu'en faisant défiler le menu (ex : Galapagos travels/ Galapagos Cruises/Deluxe), le menu s'affiche derrière la vidéo et moi j'aimerai qu'il soit au 1er plan. Voilà ce que j'ai fait, mais ça ne marche pas :
pour la page html :
[code]
<div id="contentarea">
<div id="leftbar">
<div class="entry">
<h1 align="center"><a href="./snow-capped-trek.html" title="Snow Capped Trek">Snow Capped Trek </a></h1><br />
<p align="center"><strong><em>(5 Days / 4 Nights)</em></strong></p><br />
<p align="center">
<object width="425" height="344" style="position:relative; z-index:0;"><param name="movie" value="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
</p>
</div></div></div>
/code
pour le css de la page html :
[code]
#contentarea {
/*clear:both;*/
margin-top:25px;
background-image: url(../images/1by1.gif);
background-repeat: repeat-y;
background-position: 540px;
}
#leftbar {
float:left;
width:539px;
}
#leftbar .entry{
font-family:"Trebuchet MS";
font-size:12px;
color:#797B7A;
font-weight:normal;
text-decoration:none;
padding:0px 40px;
padding-bottom: 14px;
}
/code
pour le css du menu :
[code]
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
z-index:10;
position: absolute;
left: 0;
display: block;
visibility: hidden;
}
/code
j'ai aussi essayé avec :
[code]
<object width="425" height="344" style="position:relative; z-index:2;"><param name="movie" value="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="transparent" /></param><embed src="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
/code
et
[code]
<embed src="http://www.youtube.com/v/JhE_lmbCK4k&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344" style="z-index:2; position:relative;"></embed>
/code
(ajout de style="z-index:2; position:relative;"), mais rien de tout cela n'a fonctionné!
si quelqu'un a une idée , je suis preneur!
Merci d'avance,
Fred
A voir également:
- Pb avec video youtube sur un site
- Comment télécharger une vidéo youtube - Guide
- Site de telechargement - Accueil - Outils
- Montage video gratuit windows - Guide
- Script vidéo youtube - Guide
- Site pour partager des photos - Guide
5 réponses
Perso j'aurai essayé de mettre le menu en position: absolute; même si je crois que tu avais déjà essayé (pas vérifié)...
merci d'avoir essayé! mais oui le menu est déjà en position absolute. D'autres suggestions? en cas de besoin, si quelqu'un est intéressé, je peux envoyer les pages par mail
As tu essayé d'enlever les paramètres de style de la vidéo ? Peut être que c'est ce qui empêche ton position: absolute; de fonctionner...
Merci mais pas mieux... ! je commence à déprimer! C'est le dernier truc qui cloche et là je cale complètement.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question