Ecrire un script javascript avec du javascript

Version imprimable

Bonjour,

J'ai un probl�me avec du Javascript dans mon site:

J'ai une div qui affiche un lecteur vid�o, cependant je ne veux pas afficher le m�me lecteur pour les iPhone, iPod ou iPad car le flash ne peut �tre lu par ces-derniers. J'ai donc un lecteur HTML5 qui fonctionne pour ceux-ci.

J'ai d'abord fait le site pour les ordinateurs, celui-ci fonctionne parfaitement, maintenant je veux changer juste cette div avec le lecteur car le reste fonctionne parfaitement sur iPhone,iPod et iPad.

J'ai donc fait des tests avec juste le lecteur HTML5 dans le code et cela fonctionne.

Je me suis dit : "ok le code du lecteur flash est ok, le code du lecteur HTML5 pour les appareils apple est ok, il me suffit de faire une fonction javascript qui v�rifie si c'est un appareil apple ou pas et donc afficher soit l'un soit l'autre"

Seulement j'ai du mal mis prendre. Voil� le code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <script type="text/javascript"> function iPhoneAlert() { if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i))||(navigator.userAgent.match(/iPad/i))){ document.write('<a href="player2/CATEGORYDININGFINALCOMPRESSEDMP4.mp4" style="display:block;width:720px;height:429px;" id="ipad"><img src="player2/preview-dining.jpg" alt="preview" width="720" height="429"/></a><script language="JavaScript">flowplayer("ipad", "player2/flowplayer-3.2.7.swf", {$f("ipad", "player2/flowplayer-3.2.7.swf").ipad();clip: {autoPlay: false,autoBuffering: true}});</script>'); else{ document.write('<script type="text/javascript" src="jwplayer/swfobject.js"></script><div id="mediaspace" style="border-bottom: 0px;">This text will be replaced</div><script type="text/javascript">var so = new SWFObject(\'jwplayer/player.swf\',\'mpl\',\'720\',\'429\',\'9\');so.addParam(\'allowfullscreen\',\'true\');so.addParam(\'allowscriptaccess\',\'always\');so.addParam(\'wmode\',\'opaque\');so.addVariable(\'file\',\'CATEGORYNIGHTLIFEFINALCOMPRESSED.flv\');so.addVariable(\'image\',\'jwplayer/preview-entertainment.jpg\');so.addVariable(\'backcolor\',\'867ca9\');so.write(\'mediaspace\');</script>'); } } } </script>
Seulement comme il y a des scripts javascript � l'int�rieur des document.write je pense que ce n'est pas top, mais je ne connais pas d'autre m�thode.

Une id�e pour faire fonctionner tout �a ???

Merci

Maintenant j'ai �cris �a :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="flvplayer" class="player">
 
							<script type="text/javascript">
								function iPhoneAlert() {
									if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPod/i))||(navigator.userAgent.match(/iPad/i))){
									document.write('hello');
									}
										else{
										document.write('hi');
										}
								}
								</script>					
							</div>

en fait rien ne se passe � part une erreur : "unterminated string literal"

09/03/2011, 08h21
SpaceFrog

quel interet d'ecrire du js avec js ? c'est selon moi une erreur de conception.

de plus tu n'as pas du faire de recherche sur le forum sinon tu auras vu tout le bien que nous pensons de document.write

changer de lecteur en fonction du browser se fait plus classiquement en cr�ant le lecteur avec le DOM
09/03/2011, 09h21
Haoru

J'ai bien vu cela sur le forum.
Cependant mon souci est que je n'y connais rien en javascript et j'ai juste r�cup�r� un script.

Je me suis dis :
1) Mon lecteur flash marche tr�s bien
2) Mon lecteur html5 marche tr�s bien sur les appareils apple
3) il suffit que je mette un fonction qui affiche soit l'un soit l'autre avec mon le code de l'un ou de l'autre

Mais je ne sais m�me pas ce que c'est le DOM.
09/03/2011, 09h24
SpaceFrog

Code:

j'ai juste récupéré un script.

C'est vrai on trouve de tout sur le net, surtout du moins bon.
Je n'aurais qu'un conseil colle ton script � la benne et pose la vraie question:

Comment avoir un lecteur different en fonction du navigateur
09/03/2011, 10h29
Haoru

C'est justement la question � laquelle je n'ai pas de r�ponse depuis la d�but de la journ�e. Je ne m'y connais pas du tout en javascript.

Le seul truc que je sais c'est que mon code du lecteur flash marche, mon code du lecteur html 5 marche.

Donc quelle est le moyen d'afficher soit le code de l'un soit le code de l'autre, selon le navigateur, en javascript ?
09/03/2011, 10h44
SpaceFrog

La methode la plus simple consisterait � avoir tous les �l�ments pr�sents dans ton code html, chacun dans un div avec un id et en style display none
puis sur le onload de la page tu d�tectes le navigateur et tu passes en display block le div correspondant au navigateur d�t�ct�
09/03/2011, 11h04
Invit�
ce que tu fait est completement inutile il suffit simplement de mettre a l'interieur de la balise video le leceurs flash le navigateur se chargera du reste
Code:

1 2 3 4 5 6 <video src="video.ogv" controls> <object data="flvplayer.swf" type="application/x-shockwave-flash"> <param value="flvplayer.swf" name="movie"/> </object> </video>
code repris a cette endroit
09/03/2011, 11h11
SpaceFrog

Je pense que la question ne portait pas juste sur le lecteur flash ... ??