Click sur une image pour ouvrir un video flv
Au fait je possède une page ou il ya les actualités de mon petite site web sous forme d’image, et d’un lecteur en flv
Chaque image doit être liée avec une vidéo sur youtube
Ce que je voulais faire c’est qu’on je click sur une’image, elle envoie le lien du vidéo qui est héberger sur Youtube au lecteur flv
Je vous remercie d’avance
Voici mon Script
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div class="">
<div class="center">
<div class="gauche">
<object width="480" height="260"><param name="movie"
value="http://www.youtube.com/v/lKg-cMrvzMM&hl=fr_FR&fs=1"></param>
<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess"
value="always"></param><embed src="http://www.youtube.com/v/lKg-cMrvzMM&hl=fr_FR&fs=1" type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="580" height="260"></embed></object>
</div>
<div class="droite" style="font-size: 16px;" >
<div class="titre_haut" style="color:red">Actus </div>
<div class="droite_partie_1">
<div class="droite_partie_1_image">
</div>
<div class="droite_partie1_image_texte">dddd azertyjhgfdjklhjsjhsjh sjhjhs ssss </div>
<div class="dateetsavoirplus" >
<span style= "font-family:tahoma; font-size: 11px; color: white;" class="date">12-06-2010 </span>
<span style= "font-family:tahoma; font-size: 9px; color: red;" class="savoirplus">en savoir + </span>
</div>
</div>
<div class="t2">
</div>
<div class="droite_partie_2">
<div class="droite_partie_1_image">
</div>
<div class="droite_partie1_image_texte">dddd azertyjhgfdjklhjsjhsjh sjhjhs ssss </div>
<div class="dateetsavoirplus" >
<span style= "font-family:tahoma; font-size: 11px; color: white;" class="date">12-06-2010 </span>
<span style= "font-family:tahoma; font-size: 9px; color: red;" class="savoirplus">en savoir + </span>
</div>
</div>
<div class="t2">
</div>
<div class="droite_partie_3">
</div>
</div>
<div class="droiteAssenseur">
</div>
</div>
</div>
</body>
<html>
mon css
@CHARSET "ISO-8859-1";
html, body, #indexTable, #indexTd {height:100%;margin:0;padding:0;width:100%;background-color: #FFFFFF;}
body{
width: 1000px;
margin:0 auto;
font-size: 0em;
font-weight: normal;
font-style: normal;
margin-top:0%;
vertical-align: middle
background-color: #FFFFFF;
/** Centrer le site avec
"margin:0 auto;"
**/
}
.entete{
width:980px;
height:70px;
background-color: #000000;
border:1px red solid;
}
.pied{
width:980px;
height:35px;
background-color: #000000;
/*border:1px red solid;*/
text-align:center;
margin-top:0px;
}
a.type1:link {text-decoration: underline; color: #000000;}
a.type1:visited {text-decoration: underline; color: #000000;}
a.type1:active {text-decoration: underline; color: #000000;}
a.type1:hover {text-decoration: underline; color: #E2007A;}
.center{
width:978px;
height:500px;
background-color: #ff0000;
border:1px red solid;
text-align:center;
}
.gauche{
width:651px;
height:465px;
border:1px ;
text-align:center;
display: inline;
float: left;
background-color: #ff0000;
background-image: url(images/menu_particulier.png);
margin-top:30px;
}
.droite{
width:300px;
height:480px;
border:1px ;
text-align:center;
float: left;
background-color: #000000;
margin-top:8px;
margin-bottom:8px;
margin-right:10px;
}
.droite_partie_1{
width:300px;
height:182px;
border:0px white solid;
text-align:center;
float: left;
background-color: #000000;
}
.droite_partie_2{
width:300px;
height:182px;
border:0px white solid;
text-align:center;
float: left;
background-color: #000000;
}
.droite_partie_3{
width:300px;
height:91px;
border:0px white solid;
text-align:center;
float: left;
background-color: #000000;
}
.t2{
width:287px;
height:1.5px;
text-align:center;
display: inline;
float: left;
background-color: #ffffff;
background-image: url(barre.jpg);
margin-top:2px;
margin-left:6px;
margin-right:6px;
}
.titre_haut{
font-family:tahoma;
width:300px;
height:24px;
text-align:right;
display: inline;
float: left;
background-color: #000000;
margin-top:2px;
margin-left:0px;
margin-right:0px;
font-size: 20px;
border:0px white solid;
}
.droite_partie_1_image{
width:200px;
height:125px;
text-align:right;
border:0px white solid;
display: inline;
float: right;
background-color: #ffffff;
background-image: url(image2.jpg);
margin-top:6px;
margin-left:0px;
margin-right:8px;
}
.droite_partie1_image_texte{
width:300px;
height:15px;
border:0px white solid;
text-align:right;
display: inline;
float: left;
background-color: #000000;
margin-top:0px;
margin-left:0px;
margin-right:0px;
font-family:tahoma;
color:white;
font-size: 12px;
margin-top:12px;
margin-bottom:0px;
}
.dateetsavoirplus{
font-family:tahoma;
width:300px;
height:22px;
border:0px white solid;
text-align:right;
display: inline;
float: left;
background-color: #000000;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
}
.droiteAssenseur{
width:10px;
height:456px;
border:0px white solid;
text-align:center;
float: left;
background-color: #000000;
margin-top:40px;
}