Sujet Précédent Sujet Suivant

Click sur une image pour ouvrir un video flv

eamon250d Messages postés 7 Statut Membre -  
eamon250d Messages postés 7 Statut Membre -
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
Ci-joint fichier

Voici mon php

<!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>

Voici 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;
}
A voir également:

5 réponses

Réponse 1 / 5
BeFaX Messages postés 16334 Statut Contributeur 3 825
 
Lol, ça c'est un clip qui doit pas couter cher ^^.
Une moto, un ventilateur, un tapis, une table et une chaise et en avant !
0
Réponse 2 / 5
bg62 Messages postés 26248 Date d'inscription   Statut Modérateur Dernière intervention   2 429
  
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

au départ ... facile, mais un seul lecteur flv .... ???
0
Réponse 3 / 5
eamon250d Messages postés 7 Statut Membre
 
Bonjour bg 62,
Tout à fait, c'est sur un seul lecteur flv
0
bg62 Messages postés 26248 Date d'inscription   Statut Modérateur Dernière intervention   2 429
 
je n'ai pas la réponse ... faudrait voir au niveau des "playlists" ....
0
bg62 Messages postés 26248 Date d'inscription   Statut Modérateur Dernière intervention   2 429
 
et dans ce cas regarde là:
http://www.bluetomatoes.fr/ecoutes.html
il en a mis quatre, tu peux voir le code source, c'est du flash et ça envoie ici :
https://www.jwplayer.com/learn-more/
"The JW Player(TM) makes it possible to add FLV, H.264/MPEG-4, and MP3 content to your site. "
pas testé personnellement ...
:-)
0
Réponse 4 / 5
eamon250d Messages postés 7 Statut Membre
 
C'est pas du tout ce que je voulais faire.
J'ai déjà un lecteur flv qui marche.
Par exemple , je voulais qu'on je click sur une image, cette dernière elle va passé URL du vidéo à lire vers le lecteur flv.
Je pense c'est quelque chose proche d'ajax
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
eamon250d Messages postés 7 Statut Membre
 
J'ai déjà fait mon lecteur FLV,et j'aimerai bien faire rafraichir ma page.
si vous avez un lien Ajax, se sera mieux
0

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
Asta972155 -

10 réponses