[Résolu]Intégration valide de Flash et détection de Flash

Auteur	Pages : [>]
Tony Monast	# 30 Sep 2005 - 22:20:44
Fusionnez à froid! Modérateur 2387 Posts	Bonjour, J'utilises la méthode Flash Satay. C'est valide et ca fonctionne bien dans Firefox et IE. Le seul problème qui m'a été indiqué par un client, c'est que dans IE, si Flash n'est pas installé, il n'y a pas de fenêtre qui apparaît pour offrir l'installation du plugin Flash, contrairement à Firefox qui lui l'offre. Vous pouvez tester sur cette page, qui correspond au code que j'utilise. Désinstallez Flash auparavant. Dans IE, aucune fenêtre n'apparaît pour demander au visiteur d'installer Flash. C'est possible de le faire de façon conforme ? Avec Javascript, peut-être ? Détecter le navigateur et ajouter les attributs nécessaires pour IE ? Parce que dans IE, lorsqu'on ajoute l'attribut codebase à la balise object : codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" La fenêtre d'installation du plugin apparaît bel et bien, mais Firefox ne fait plus jouer l'animation Flash. Une idée? Modifié par Merkel (03 Oct 2005 - 20:44) Le bélier qui va foncer commence par reculer.
Fusionnez à froid! Modérateur 2387 Posts
Laurent Denis	# 01 Oct 2005 - 07:50:13
7919 Posts	Merkel a écrit : Une idée? Ajouter cet attribut en commentaires conditionnels ? Modifié par Laurent Denis (01 Oct 2005 - 07:50) Maintenant que les webmestres commencent à faire de l'accessibilité, nous pouvons commencer à les intéresser à la qualité Web.
7919 Posts
Tony Monast	# 03 Oct 2005 - 19:18:06
Fusionnez à froid! Modérateur 2387 Posts	Bonjour Laurent, J'ai essayé d'ajouter cet attribut via les commentaires conditionnels, mais il semble que ce ne soit pas valide de mettre des commentaires à l'intérieur des chevrons d'une balise. Il me semble donc que je vais devoir faire un Si et Sinon. C'est possible avec les commentaires conditionnels ? Si IE, j'insère la balise object avec l'attribut codebase, sinon j'insère la balise object sans l'attribut codebase. La solution que je pourrais retirer de cette idée serait d'utiliser Javascript (dans un commentaire conditionnel) pour ajouter l'attribut codebase à la balise object, mais j'ai du mal un peu avec le fait que la détection du Flash pour IE dépend du Javascript. Il reste que c'est tout à fait acceptable. Vous en pensez quoi ? Une meilleure solution ? Le bélier qui va foncer commence par reculer.
Fusionnez à froid! Modérateur 2387 Posts
Laurent Denis	# 03 Oct 2005 - 20:27:03
7919 Posts	Pour conserver un code valide avec des commentaires conditionnels incluant / excluant IE, tester quelque-chose comme : <!--[ if IE]> <object ...> ... </object> <![ endif]--> <!--[ if !IE]> <--> <object ... > ... </object> <!--> <![ endif]--> (Supprimer l'espace après chaque crochet ouvrant [ ) Modifié par Laurent Denis (03 Oct 2005 - 20:29) Maintenant que les webmestres commencent à faire de l'accessibilité, nous pouvons commencer à les intéresser à la qualité Web.
7919 Posts
Tony Monast	# 03 Oct 2005 - 20:43:40
Fusionnez à froid! Modérateur 2387 Posts	Merci Laurent, ca fonctionne à merveille ! Je ne suis pas trop amateur de la technique en elle-même, mais cela a le mérite de fonctionner et de contenter tout le monde. C'est bien parce que le client a démontré de l'intérêt pour que le Flash soit détecté, sinon je ne l'aurais pas fait. Sur ce, bonne journée Laurent et merci encore ! Le bélier qui va foncer commence par reculer.
Fusionnez à froid! Modérateur 2387 Posts
Cygnus	# 19 Oct 2005 - 10:10:57
Laaapin Administrateur 2252 Posts	Bonjour, Je viens de lire le post et je dois dire, que la détection et l'installation du plug-in flash est très intéressante. Malheureusement, même si je comprends la logique de la chose, je n'arrive pas à la réaliser moi-même. Merci Laurent, ca fonctionne à merveille ! Te serait-il possible de nous montrer le script utilisé Merkel ? Ce serait vachement sympa ... Et une dernière petite question : que se passe-t-il avec les autres navigateurs (opéra, netscape ...) ? Merci Il n'est pas nécessaire d'espérer pour entreprendre, ni de réussir pour persévérer.
Laaapin Administrateur 2252 Posts
Tony Monast	# 19 Oct 2005 - 14:39:16
Fusionnez à froid! Modérateur 2387 Posts	Cygnus a écrit : Te serait-il possible de nous montrer le script utilisé Merkel ? Ce serait vachement sympa ... Avec plaisir ! <!--[ if IE]> <object type="application/x-shockwave-flash" data="animation.swf" width="467" height="186" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="movie" value="animation.swf" /> <img src="alternatif-animation.jpg" alt="Texte alternatif si aucune image" width="467" height="185" /> </object> <![ endif]--> <!--[ if !IE]> <--> <object type="application/x-shockwave-flash" data="animation.swf" width="467" height="186"> <param name="movie" value="animation.swf" /> <img src="images/design/alternatif-animation.jpg" alt="Texte alternatif si aucune image" width="467" height="185" /> </object> <!--> <![ endif]--> Retirer l'espace entre les braquettes [ et leur contenu, parce que le forum modifie le code sinon. 4 changements en tout Modifié par Merkel (19 Oct 2005 - 14:45) Le bélier qui va foncer commence par reculer.
Fusionnez à froid! Modérateur 2387 Posts
Cygnus	# 09 Nov 2005 - 10:49:47
Laaapin Administrateur 2252 Posts	Dernière petite question : Dans l'optique ou le plugin flash s'installe automatiquement pour IE, cela signfie-t-il que l'on peut se dispenser de mettre une image ou un texte de remplacement pour ce dernier. Tout en le laissant le texte ou l'image de remplacement pour les autres navigateurs. Merci Il n'est pas nécessaire d'espérer pour entreprendre, ni de réussir pour persévérer.
Laaapin Administrateur 2252 Posts
Raphael	# 09 Nov 2005 - 10:52:56
Mangez des kiwiz ! Administrateur 11080 Posts	Cygnus a écrit : Dernière petite question : Dans l'optique ou le plugin flash s'installe automatiquement pour IE, cela signfie-t-il que l'on peut se dispenser de mettre une image ou un texte de remplacement pour ce dernier. Tout en le laissant le texte ou l'image de remplacement pour les autres navigateurs. Merci Le lecteur d'écran, pour non-voyants, Jaws fonctionne à partir d'IE. Cela répond à ta question ? Modifié par Raphael (09 Nov 2005 - 10:53) Le saviez-vous ? Alsacréations propose dorénavant des formations web (XHTML/CSS, accessibilité, Flash, jQuery).
Mangez des kiwiz ! Administrateur 11080 Posts
Cygnus	# 09 Nov 2005 - 11:02:42
Laaapin Administrateur 2252 Posts	Oui, merci. C'est donc pas comme ça que j'allègerais mon code... Tant pis Il n'est pas nécessaire d'espérer pour entreprendre, ni de réussir pour persévérer.
Laaapin Administrateur 2252 Posts
Tony Monast	# 09 Nov 2005 - 18:12:27
Fusionnez à froid! Modérateur 2387 Posts	Cygnus a écrit : Dans l'optique ou le plugin flash s'installe automatiquement pour IE En fait, le plugin ne s'installe pas automatiquement. Le visiteur doit l'accepter. Il peut tout autant le refuser pour cette fois seulement, ou demander à IE d'arrêter de lui proposer l'installation. C'est la même chose qu'avec Firefox. Bref, le texte et image alternatifs sont requis. Le bélier qui va foncer commence par reculer.
Fusionnez à froid! Modérateur 2387 Posts
drf_	# 23 Nov 2005 - 09:46:43
18 Posts	Bonjour! J'ai découvert hier ce sujet, qui m'a énormément aidé à comprendre la détection de Flash! Voici grâce à ce sujet, le code que j'ai inséré dans ma page : <!--[if IE]> <object type="application/x-shockwave-flash" data="http://breathedifferent.free.fr/cartec/flash/annonces.swf" width="200" height="38" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="movie" value="http://breathedifferent.free.fr/cartec/flash/annonces.swf" /> <img src="http://breathedifferent.free.fr/cartec/img/annonces.png" alt="Image alternative" width="200" height="38" /> </object> <! --> <!--[if !IE]> <--> <object type="application/x-shockwave-flash" data="http://breathedifferent.free.fr/cartec/flash/annonces.swf" width="200" height="38"> <param name="movie" value="http://breathedifferent.free.fr/cartec/flash/annonces.swf" /> <img src="http://breathedifferent.free.fr/cartec/img/annonces.png" alt="Image alternative" width="200" height="38" /> </object> <!--> <! --> Tout fonctionne parfaitement (le code n'est pas définitif, les images ne sont là qu'à titres d'exemple ). D'un naturel très cartésien, j'aurai simplement deux petites questions : - Qu'est-ce qui, dans le code, fait que IE va proposer l'installation du plug-in Flash? - Enfin, la version de Flash définie dans l'attribut codebase a-t-elle une influence sur la version du plug-in installé? (et surtout, que signifie vraiment "codebase"?) Merci Fred
18 Posts
Groumphy	# 25 Nov 2005 - 12:19:26
Espèce en voie d'apparition 797 Posts	Bonjour / bonsoir, Si tu désires plus d'information sur l'attribut CODEBASE, pourquoi ne pas voir avec le W3 ? Quant à l'idée de savoir le pourquoi du comment ce qu'interprète I.E., tu peux voir un topics de Laurent D. (grand manitou des specs...) et pour plus de renseignements sur les commentaires toujours intéroger le W3... En espérant avoir pu t'aider Groumphy ------------------------------- Espèce en voie d'apparition
Espèce en voie d'apparition 797 Posts
Bounce	# 17 Feb 2006 - 18:40:32
6 Posts	Bonjour à tous, J'utilise donc la méthode incluant le code donné précédemment et cela fonctionne très bien sous Firedox ou IE mais mon problème est que cela ne fonctionne pas sous Maxthon. Avez-vous une idée pour que cette détection fonctionne partout ? Autre question, ce bout de code fonctionnet'il aussi sous Mac ? Dernier point : mon site utilise un menu de navigation en flash et donc si flash n'est pas installé c'est une image du menu reprenant les boutons qui vient s'afficher à la place. Par contre avez-vous une idée pour comment rendre des zones cliquables sur cette image pour qu'on puisse tout de meme naviguer ? Merci beaucoup. Modifié par Bounce (17 Feb 2006 - 19:01)
6 Posts
Igor	# 17 Feb 2006 - 18:57:16
Modérateur 5806 Posts	Bonjour Bounce et bienvenue sur Alsacréations, N'hésites pas à relire les règles pour présenter lisiblement ton code dans les messages. Merci d'éditer ton message. Modifié par Igor (17 Feb 2006 - 18:57)
Modérateur 5806 Posts
Bounce	# 17 Feb 2006 - 19:02:11
6 Posts	Bonjour, J'ai modifié mon texte. A bientôt.
6 Posts
Bounce	# 17 Feb 2006 - 19:40:56
6 Posts	Ok j'ai trouvé pour ma question : avez-vous une idée pour comment rendre des zones cliquables sur cette image pour qu'on puisse tout de meme naviguer ?
6 Posts
Tony Monast	# 17 Feb 2006 - 19:52:02
Fusionnez à froid! Modérateur 2387 Posts	Bounce, l'idéal serait que tu crée ton propre sujet afin d'obtenir de l'aide précis sur ton problème. Mais pour y répondre rapidement, tu peux proposer un alternatif dans le code Flash. Tu peux y mettre le code HTML que tu veux. Tout ce que tu dois faire, c'est de réfléchir à la façon que tu ferais ton menu si tu n'avais pas du tout de Flash. Des balises <a> et des <img> séparées peut-être ? Une fois que c'est fait, tu n'auras qu'à insérer ton code HTML dans la balise object, tel qu'indiqué dans la FAQ ou dans ce sujet. Modifié par Tony Monast (17 Feb 2006 - 19:52) Le bélier qui va foncer commence par reculer.
Fusionnez à froid! Modérateur 2387 Posts
Bounce	# 17 Feb 2006 - 20:29:39
6 Posts	Oui c'est bon c'est ce que je dit dans mon post précédent, j'ai trouvé la soluce
6 Posts
K3tamiNe	# 09 Mar 2006 - 09:59:35
12 Posts	Très intéressant topic ! J'ai essayé diverses méthodes pour insérer mon flash. La méthode Satay marchait bien (malgré 3 erreurs quand j'ai tenté une validation), la méthode avec des hacks pour IE aussi, mais pas moyen de faire tourner Flashobjet - toujours le message d'"erreur". Pourtant la manipulation parait simple. Dites moi si je ne me trompe mais il suffit de mettre le fichier "flashobject.js" + son swf + la page html et c'est tout non. Voici le code de ma page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>satay</title> </head> <script type="text/javascript" src="http://www.inahya.com/flashobject.js"></script> <body bgcolor="#ffffff"> <div id="flashcontent"> Ceci est remplacé par votre contenu Flash. Placez ici votre contenu alternatif et les utilisateurs sans le Flash plugin ou avec Javascript désactivé le verront. Placez un lien vers <a href="FlashObjectSample.htm?detectflash=false"> pour passer outre la détection. </div> <script type="text/javascript"> // <![CDATA[ var fo = new FlashObject("objet.swf", "FlashObjectSample", "750", "294", "7", "#FFF", false); fo.write("flashcontent"); // ]]> </body> </html> Vous pouvez le tester ici: www.inahya.com/objet.html Merci Modifié par Tony Monast (09 Mar 2006 - 14:51)
12 Posts
Pages : [>]

Les références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles