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

[SpaceFrog]

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