Discussion :

[audrey.b]

Bonjour à tous,

Je dois instaurer sur un site un système de vidéos aléatoires.
Ces vidéos sont en .flv et sont appelées par un lecteur bien connu du nom de 'player_flv_maxi.swf'.
Jusque là, pas de soucis, les vidéos su jouent normalement.

C'est au niveau de l'aléatoire que ça bloque, voici mon code :

-dans la balise head

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript">
<!--
function affiche() {
Code = new Array(3);
 
element ="<div><object type='application/x-shockwave-flash' data='player_flv_maxi.swf' width='225' height='180'><param name='movie' value='player_flv_maxi.swf' /><param name='allowFullScreen' value='true' /><param name='FlashVars' value='config=flv_config_random.txt&amp;flv=021-Metayer.flv&amp;srtbgcolor=E07A5F&amp;srtsize=9&amp' /><p>Vidéo en cours de chargement</p></object></div>";
Code[0]=element;
 
element ="<div><object type='application/x-shockwave-flash' data='player_flv_maxi.swf' width='225' height='180'><param name='movie' value='player_flv_maxi.swf' /><param name='allowFullScreen' value='true' /><param name='FlashVars' value='config=flv_config_random.txt&amp;flv=036-RobertPresidente jury.flv&amp;srtbgcolor=BE3963&amp;srtsize=9&amp' /><p>Vidéo en cours de chargement</p></object></div>";
Code[1]=element;
 
element ="<div><object type='application/x-shockwave-flash' data='player_flv_maxi.swf' width='225' height='180'><param name='movie' value='player_flv_maxi.swf' /><param name='allowFullScreen' value='true' /><param name='FlashVars' value='config=flv_config_random.txt&amp;flv=033-Lelarge-Aurensan.flv&amp;srtbgcolor=BE3963&amp;srtsize=9&amp' /><p>Vidéo en cours de chargement</p></object></div>";
Code[2]=element;
 
numero = Math.floor(Math.random() * Code.length);
document.write(Code[numero]);
}
// -->
</script>

-et dans le balise body :

Code :

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

<script type="text/javascript">affiche()</script>

Sous Mozilla Firefox, pas de problèmes, tout marche nikel, mais sous ie (grrrrr) aussi bien 6 que 7, j'ai droit à un joli carré blanc ...
Je suppose que c'est au niveau du javascript que ça bloque (vu que sans, les vidéos fonctionnent), mais je ne sais absolument pas quoi faire ...

Si quelqu'un a une idée, se serait avec plaisir !!

Merci



audrey.b

[d-Rek]

T'as le plugin Flash 9 (ou plus) installé sur IE ? Si tu fais clic droit sur ton anim blanche, il te dit quoi ?

Tu as une URL pour que l'on voit le résultat produit ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function rand_vid(param){
	return '<div><object type="application/x-shockwave-flash" data="player_flv_maxi.swf" width="225" height="180"><param name="movie" value="player_flv_maxi.swf" /><param name="allowFullScreen" value="true" /><param name="FlashVars" value="config=flv_config_random.txt&flv='+param+'&srtsize=9&" /><p>Vidéo en cours de chargement</p></object></div>';
}
 
function affiche() {
	var Code = new Array(4);
	Code[0]=rand_vid('video1.flv&srtbgcolor=E07A5F');  
	Code[1]=rand_vid('video2.flv&srtbgcolor=BE3963');  
	Code[2]=rand_vid('video3.flv&srtbgcolor=BE3963');  
	Code[3]=rand_vid('video4.flv&srtbgcolor=27846D');
 
	var numero = Math.floor(Math.random() * Code.length);
	document.write(Code[numero]);
}

[audrey.b]

Oui j'ai bien le plugin Flash 9 installé et quand je cliques droit, j'ai juste en grisé 'Animation non chargée' et cliquable 'A propos d'Adobe ...'.

Exemple du site ici.

J'vais testé ton code et je te retiens au courant.



audrey.b

[audrey.b]

La bonne nouvelle, c'est que ton script est bien plus clair que le mien, la mauvaise, c'est que ça ne fonctionne pas mieux ...

J'ai testé ici.

J'ai déja au ce problème quand j'ai voulu mettre un script javascript pour avoir un accès direct au flash (plus besoin de cliquer). Ce script marche sur les flash, sauf pour la vidéo (vive le carré blanc), donc je présume que javascript + vidéos + internet explorer = pas bon ménage ...

Please, help me !!



audrey.b

[d-Rek]

C'est pareil si tu fais un innerHTML à la place de ton document.write ?

[audrey.b]

Je connaissais pas innerHTML, mais c'est pas ça, parce que la il n'y a plus rien qui s'affiche ...

[d-Rek]

Essaye

Code JS :

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

1
2
3
4
5
function affiche() {
..
	var numero = Math.floor(Math.random() * Code.length);
	document.getElementById('test').innerHTML= Code[numero];
}

Code HTML :

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

1
2
3
<body Onload="affiche();">
..
	<td align="center"><div id="test"></div></td>

qui remplace <td align="center"><div><script type="text/javascript">affiche()</script></div></td>

[audrey.b]

Effectivement, j'avais utilisé le innerHTML n'importe comment

Verdict : sous mozilla firefox le meilleur du monde, tout fonctionne au mieux (comme depuis le début d'ailleurs) mais (parce qu'il y a souvent un mais), sous internet explorer de ***** (6 comme 7), bin ya rien ...

Remarque, il n'y a plus de joli carré blanc, c'est déjà ça !

Ce qui est dommage, c'est que 80% des utilisateurs de ce site utilisent ie ...

En tout cas, merci beaucoup pour ton aide, ça me donne des idées, je teste des trucs (sans grand succès malheureusement), j'suis pas une grande adepte du js, je désespère donc assez facilement !

[d-Rek]

Ne désepère pas.
Là je sèche et je passe la main à qui veut mais il existe surement une solution !

Bonne continuation

[audrey.b]

Oui sans doute, mais j'aimerais bien la trouver !
C'était trop fun cette idée de vidéos aléatoires, j'ai vraiment pas envie de l'abandonner ...

En tout cas, merci bien pour ton aide !




audrey.b

[d-Rek]

Tu disposes d'un serveur Apache ? IIS ?
Tu peux te reposer là dessus pour générer le random côté serveur

[audrey.b]

Et non, pas de serveur ...

Je vais me repencher sur mon script de A à Z, parce qu'en +, sous ie., il doit y avoir quelque chose qui manque, mais la page ne se charge jamais en entier ... C'est peut être une piste, j'vais tout refaire et au pire, je mettrais des images aléatoires ...