Redirection vers HTML si pas de Plugin Flash

Version imprimable

Bonjour à tous,

Je voudrais créer une redirection invisible Flash / HTML.
Les visiteurs qui n'ont pas Flash (possesseur de Iphone ...) seront automatiquement redirigé vers la version HTML, alors que ceux qui ont le plugin flash installé iront vers la version flash.

J'ai utilisé le code suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="refresh" content="2;no_flash.html"> <title>Document sans titre</title> </head> <body> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100%" height="100%" margin="0"> <param name="movie" value="home1.swf" /> <param name="quality" value="high" /> <embed src="home1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="100%" margin="0"></embed> </object> </body> </html>
Pour tester le code j'ai du supprimer le plugin flash de Firefox (Flash Player Uninstaller : http://www.adobe.com/fr/shockwave/download/alternates/).

Ce code redirige au bout de deux secondes, peut importe que vous ayez ou pas le plug in, vers la version html.

J'ai aussi fait des tests avec le Flash Player Detection Kit, en voici un bout :
Code:

1 2 3 4 5 //the url that the visitor should be sent to if they do not have the required version of Flash. altContentURL = "no_flash.html"; //------------------- //the url that the visitor should be sent to if they have the required version of Flash. flashContentURL = "index1.html";
Mais quand le plugin n'est pas installé, il ne s'effectue aucune redirection vers "no_flash.html", et propose d'installer le plugin manquant.

Quelqu'un aurait utilisé le Flash Player Detection Kit (http://www.adobe.com/products/flashp...detection_kit/) pour effectuer une redirection vers une page HTML ?

Je voudrais que la redirection soit invisible.

Merci,
Guillaume

17/04/2009, 20h53
jean philippe

salut
l'Iphone ne gere pas Flash, donc il est normal qu'une redirection vers un une page html ne soit possible
surtout si c'est une detection en Flash !
Essaie de la faire en javascript
20/04/2009, 09h18
The_Pretender

Effectue ta redirection vers l'HTML en utilisant le test du script swfobject.

Tu utilises swfobject pour intégrer ton animation dans ta page web. swfobject contient un paramètre (je n'ai plus le nom en tête) qui permet de rediriger le visiteur vers une page en cas d'absence du plugin flash.

Tu trouveras un exemple d'intégration sur le blog delfiweb.com et sur google.

Merci pour vos réponses.

J'ai donc lu l'article sur delfiweb, très intéressant.
J'ai décidé d'utiliser le SWFObject 2 HTML and JavaScript generator v1.2 (http://www.bobbyvandersluis.com/swfo...tor/index.html) qui génère ce code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; var params = {}; var attributes = {}; attributes.id = "load_randomMX"; swfobject.embedSWF("load_randomMX.swf", "myAlternativeContent", "100%", "100%", "9.0.0", false, flashvars, params, attributes); </script> </head> <body> <div id="myAlternativeContent"> <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a> </div> </body> </html>
Par contre il ne génère pas le fichier "swfobject.js" ?

La redirection fonctionne bien sur un Iphone (en plaçant mon contenu html dans la Div "myAlternativeContent") par contre sur un PC équipé du plugin Flash le swf "load_randomMX" ne s'affiche pas. En fait rien ne s'affiche.

Comment génèrer le "swfobject.js" ?
Merci,
Guillaume

21/04/2009, 19h54
The_Pretender

Citation:

Envoyé par guillaumeabxl

Par contre il ne génère pas le fichier "swfobject.js" ?

La redirection fonctionne bien sur un Iphone (en plaçant mon contenu html dans la Div "myAlternativeContent") par contre sur un PC équipé du plugin Flash le swf "load_randomMX" ne s'affiche pas. En fait rien ne s'affiche.

Comment génèrer le "swfobject.js" ?
Merci,
Guillaume

Le fichier "swfobject.js" doit être récupéré sur le wite officiel en téléchargement gratuit.
Ensuite tu upload ce fichier sur ton hébergement.
22/04/2009, 10h34
guillaumeabxl

Pour tout ceux qui serait intéressé voici l'adresse pour télécharger swfobject.js

http://code.google.com/p/swfobject/downloads/list

J'arrive au bout du chemin. Ci dessous le code de la page html qui permet la redirection. Mon animation flash "load_randomMX.swf" doit être affiché en 100%. Lorsque j'indique 100% le swf n'est pas chargé par contre si je mets par exemple width="800" height="600" ça marche.

Y a t'il une "contre indication" d'utiliser swfobject.js avec un contenu en full screen ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title>SWFObject 2 static publishing example page</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<script type="text/javascript" src="swfobject.js"></script>
		<script type="text/javascript">
		swfobject.registerObject("myId", "9.0.0", "expressInstall.swf");
		</script>
	</head>
	<body>
		<div>	
			<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
				<param name="movie" value="load_randomMX.swf" />
        		<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="load_randomMX.swf" width="100%" height="100%">
				<!--<![endif]-->
				<div>
					<h1>Alternative content</h1>
					<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
				</div>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
		</div>
	</body>
</html>

23/04/2009, 09h11
The_Pretender

Citation:

Envoyé par guillaumeabxl

J'arrive au bout du chemin. Ci dessous le code de la page html qui permet la redirection. Mon animation flash "load_randomMX.swf" doit être affiché en 100%. Lorsque j'indique 100% le swf n'est pas chargé par contre si je mets par exemple width="800" height="600" ça marche.

Y a t'il une "contre indication" d'utiliser swfobject.js avec un contenu en full screen ?

Normalement swfobject fonctionne très bien en fullscreen.
08/07/2009, 17h09
guillaumeabxl

Bonjour,

Je suis malheureusement toujours empêtré dans ma détection de plug in flash dans le but de rediriger les utilisateurs de mobile (Iphone ...) vers une version html du site.

La redirection marche bien (sauf en full screen), par contre lorsque l'on est redirigé vers la version flash je perd mon full screen et la redimenssion de mes éléments lorsque l'on diminue ou augmente la fenêtre du navigateur.

Pour vous en rendre compte, voici la version du site avec la redirection :
http://www.act-design.com/redirect.html

Et ici la version normal :
http://www.act-design.com

Voyez aussi comment la fenêtre se rafraichit sans arrêt avec la détection.

Quelqu'un aurait il déjà utiliser une telle redirection ?
Merci,