Discussion :

[johnson95]

Bonjour,

Sur mon site, je développe actuellement un petit catalogue qui me permet lors d'un clique sur une listbox d'afficher sa jaquette et sa bande annonce.

En ce qui concerne la jaquette il y a pas de problème, j'utilise la ligne javascript suivante(elle se déclenche des que je clique sur le listbox)

Code :

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

1
2
 
document.img_1.src='jaquettes/' + document.form1.select.options[document.form1.select.selectedIndex].text + '.png';

mais je ne sais pas trop comment faire pour la vidéo...

Voici le code html pour l'intégration de la video :

Code :

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

1
2
3
4
5
 
<object type="application/x-shockwave-flash" width="400" height="220" data="flvplayer.swf">
    <param name="movie" value="flvplayer.swf" />
    <param name="flashvars" value="file=test.flv" />
</object>

Merci de votre aide

[htr999]

salut
je pense que cela dépend des paramètres de ton lecteur flash.
vu qu'ici il est inclus dans

Code :

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

<param name="flashvars" value="file=test.flv" />

tu peux donner un id genre

Code :

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

<param id="flashvars" name="flashvars" value="file=test.flv" />

, récupérer par getElementById et changer sa VALUE.
sinon la 2eme solution c'est de reconstruire à chaque changement de fichier l'OBJECT en effaçant l'ancien avec innerHTML
a+

[johnson95]

Merci de ta réponse.

J'ai essayé ce que tu m'as dit cependant cela ne fonctione toujours pas...

Fonction javascript :

Code :

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

1
2
3
4
 
	alert(document.getElementById('video').value);
	document.getElementById('video').value='file=test1.flv';
	alert(document.getElementById('video').value);

Avec les "alert", je vérifie que la valeur à bien été modifiée.

Code html

Code :

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

1
2
3
4
5
 
	<object type="application/x-shockwave-flash" width="400" height="220" data="flvplayer.swf">
		<param name="movie" value="flvplayer.swf" />
		<param id="video" name="flashvars" value="file=test.flv" />
	</object>

Ai je fais une erreur ?

Merci

[johnson95]

Re bonjour,

j'ai ensuite essayé avec innerhtml :

Fonction javascript :

Code :

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

1
2
3
4
5
6
7
 
function change() 
{ 
var line="<object id="video" type="application/x-shockwave-flash" width="400" height="220" data="flvplayer.swf"><param name="movie" value="flvplayer.swf"><param name="flashvars" value="file=test1.flv"></object>";
 
document.getElementById("video").innerHTML = line;
 }

Code Html :

Code :

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

1
2
3
4
5
 
<object id="video" type="application/x-shockwave-flash" width="400" height="220" data="flvplayer.swf">
		<param name="movie" value="flvplayer.swf" />
		<param name="flashvars" value="file=test.flv" />
</object>

Mais ca ne marche pas non plus, ai je fais une erreur ?

Merci de votre aide

[htr999]

salut
avec la solut° innerHTML il vaut mieux que tu fasses une div genre

Code :

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

<div id="flashPlayer"><object...></object></div>

et de changer le innerHTML de ta DIV
a+

[johnson95]

J'ai testé avec ton idée mais ça ne fonctionne toujours pas

Javascript

Code :

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

1
2
3
4
5
6
 
function change() 
{ 
var line="<object type="application/x-shockwave-flash" width="400" height="220" data="flvplayer.swf"><param name="movie" value="flvplayer.swf"><param name="flashvars" value="file=test1.flv"></object>";
 	document.getElementById('video').innerHTML = line;
}

code html

Code :

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

1
2
3
4
5
6
7
8
9
 
<div id="video" align="center">
	<object type="application/x-shockwave-flash" width="400" height="250" data="flvplayer.swf">
		<param name="movie" value="flvplayer.swf" />
		<param name="flashvars" value="file=test.flv" />
         </object>
</div>
 
Lorsque je rentre dans la fonction, tout est bloqué (car normalemen il devrait également me changer la jaquette du film choisit et en bas il y a écrit "Données transférées depuis 127.0.0.1" (sachant que je travaille actuellement en local)

Merci