5546 sujets

Sémantique web et HTML

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

Pages :
Modérateur
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. Smiley confus

Une idée?
Modifié par Merkel (03 Oct 2005 - 20:44)
Merkel a écrit :
Une idée?


Ajouter cet attribut en commentaires conditionnels ? Smiley cligne
Modifié par Laurent Denis (01 Oct 2005 - 07:50)
Modérateur
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 ?
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)
Modérateur
Merci Laurent, ca fonctionne à merveille ! Smiley biggthumpup

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 ! Smiley smile
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. Smiley sweatdrop 

Merci Laurent, ca fonctionne à merveille ! [biggthumpup]


Te serait-il possible de nous montrer le script utilisé Merkel ?
Ce serait vachement sympa ... Smiley ravi

Et une dernière petite question : que se passe-t-il avec les autres navigateurs (opéra, netscape ...) ?

Merci Smiley biggrin
Modérateur
Cygnus a écrit :

Te serait-il possible de nous montrer le script utilisé Merkel ?
Ce serait vachement sympa ... Smiley ravi


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)
Dernière petite question : Smiley lol

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. Smiley rolleyes
Tout en le laissant le texte ou l'image de remplacement pour les autres navigateurs. Smiley smile

Merci Smiley cligne
Administrateur
Cygnus a écrit :
Dernière petite question : Smiley lol

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. Smiley rolleyes
Tout en le laissant le texte ou l'image de remplacement pour les autres navigateurs. Smiley smile

Merci Smiley cligne

Le lecteur d'écran, pour non-voyants, Jaws fonctionne à partir d'IE. Cela répond à ta question ? Smiley smile
Modifié par Raphael (09 Nov 2005 - 10:53)
Modérateur
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.
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>
<![endif]-->
<!--[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>
<!-->
<![endif]-->

Tout fonctionne parfaitement (le code n'est pas définitif, les images ne sont là qu'à titres d'exemple Smiley cligne ). 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 Smiley biggrin
Fred
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)
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 ?
Modérateur
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)
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)
Pages :
Sujet clos
Aller à