Sujet Précédent Sujet Suivant

Click sur une image pour ouvrir un video flv

Fermé
eamon250d Messages postés 6 Date d'inscription lundi 5 juillet 2010 Statut Membre Dernière intervention 9 juillet 2010 - 6 juil. 2010 à 00:05
eamon250d Messages postés 6 Date d'inscription lundi 5 juillet 2010 Statut Membre Dernière intervention 9 juillet 2010 - 9 juil. 2010 à 18:30
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 14245 Date d'inscription mercredi 24 décembre 2008 Statut Contributeur Dernière intervention 6 août 2013 3 820
6 juil. 2010 à 00:10
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 23654 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 8 novembre 2024 2 385
6 juil. 2010 à 15:20 
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 6 Date d'inscription lundi 5 juillet 2010 Statut Membre Dernière intervention 9 juillet 2010
6 juil. 2010 à 16:10
Bonjour bg 62,
Tout à fait, c'est sur un seul lecteur flv
0
bg62 Messages postés 23654 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 8 novembre 2024 2 385
6 juil. 2010 à 16:11
je n'ai pas la réponse ... faudrait voir au niveau des "playlists" ....
0
bg62 Messages postés 23654 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 8 novembre 2024 2 385
6 juil. 2010 à 17:06
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 6 Date d'inscription lundi 5 juillet 2010 Statut Membre Dernière intervention 9 juillet 2010
7 juil. 2010 à 10:43
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 6 Date d'inscription lundi 5 juillet 2010 Statut Membre Dernière intervention 9 juillet 2010
9 juil. 2010 à 18:30
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 -
Tainavictor -

9 réponses
"Aucune application permettant d'ouvrir cette URL"
sidojaice -
JIP -

24 réponses