Changer dynamiquement une video flv

Version imprimable

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:

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:

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

31/03/2008, 11h42
htr999

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

Code:

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

tu peux donner un id genre

Code:

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

Merci de ta réponse.

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

Fonction javascript :
Code:

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:

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

Re bonjour,

j'ai ensuite essayé avec innerhtml :

Fonction javascript :

Code:

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:

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

31/03/2008, 16h02
htr999

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

Code:

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

et de changer le innerHTML de ta DIV
a+

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

Javascript

Code:

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:

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

31/03/2008, 16h55
htr999

problème de "" et ''
essaie ceci

Code:

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>";
31/03/2008, 17h05
johnson95

Merveilleux ça fonctionne !!!

Merci beaucoup
31/03/2008, 17h23
johnson95

En fait, j'ai un dernier problème...

Sous Internet Explorer il arrive parfois que la vidéo se lance mais sans les images, on entend uniquement le son...

Sous firefox, aucun problème !!

Quelqu'un a t-il une idée ?

Merci
31/03/2008, 18h58
htr999

il faudrait tester sur plusieurs machines alors ... mais apparemment ce n'est pas un problème du code...