Discussion :

[Haoru]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[Haoru]

Maintenant j'ai �cris �a :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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"

[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

[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.

[SpaceFrog]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[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 ?

[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�

[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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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