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