Insérer du Flash proprement

Insérer du Flash proprement (le 17/11/2004)

Je me suis confronté au problème récemment, à savoir d'intégrer une animation Flash dans un site (sous-entendu le site doit passer au validateur).

Inutile de vous dire qu'avec l'insertion de code "classique", n'osez même pas espérer que cela passe au validateur…

Via mes pérégrinations pour résoudre ce problème gênant, je vous invite à consulter cet article (Flash Satay).

Si je résume grossièrement, l'auteur nous permet de remplacer ce genre de code :

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
codebase="http://download.macromedia.com
/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="550" height="400">
<param name="movie" value="clip.swf">
<param name="quality" value="high">
<embed src="clip.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash"
width="550" height="400"></embed>
</object>

par ceci :

<object type="application/x-shockwave-flash" 
data="clip.swf" width="550" height="400" id="clip">
 <param name="movie" value="clip.swf" />
 <param name="quality" value="high" />
 <param name="loop" value="false" />
 Ici le contenu alternatif (image, texte)
</object>

Evidemment, la 2ème version, en plus d'être bien plus lisible et légère, passe au validateur.

Et le tout fonctionne sur la plupart des navigateurs, même le récalcitrant vis à vis des standards dont je ne citerai pas le nom...

Bref, voici une technique indispensable !

P.S : et ne me dites plus que vous avez besoin de Dreamweaver pour intégrer du flash sur un site, je ne vous croirai pas !

Permalien :

Flux RSS des commentaires de ce billet : https://www.nicolas-hoffmann.net/rss/commentaires.php?id_news=339

28 commentaires

Posté par Antoine le 17/11/2004, à 19:32:27
Même si je n'utilise pas (plus) flash, merci pour cette astuce, qui peut être bien pratique !

On en apprend des choses sur ce blog (clin d’oeil) !
Posté par Nico le 17/11/2004, à 19:38:42
De rien !
Remercie surtout le gars qui a créé cette méthode (Satay) !

Moi non plus, je ne suis pas un fan de flash, mais ça peut arriver que j'en utilise sur les sites que je crée au boulot (banière de pub, etc...)
Posté par meyde le 18/11/2004, à 15:12:46
merci pour cette technique.

pour tester le contenu alternatif comment on désactive le plugin flash dans firefox ou IE ???
Posté par Nico le 18/11/2004, à 15:21:30
Bonne question !

Heu... j'en sais rien !
Posté par Antoine le 18/11/2004, à 17:32:03
Ca serait une option intéressante à ajouter dans WebDevelopper ça !
Posté par Olivier N°2 le 28/12/2004, à 22:12:11
je vais essayer parce que
<center><object classid="clsid(grand sourire)27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="951" height="35">
<param name="movie" value="menu.swf">
<param name="quality" value="high">
<embed src="menu.swf" width="951" height="35" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object></center>
c'est tres moyen.
Posté par Nico le 29/12/2004, à 11:10:51
C'est un fait indéniable ! (Sourire qui tue)
Posté par KoX le 17/05/2005, à 23:36:08
> pour tester le contenu alternatif comment on désactive le plugin flash dans firefox ou IE ???

j'ai peur qu'il faille désinstaller flash pour IE. Ou peut etre qu'il suffit de supprimer (temoprairement) la clé de registre associée a flash (probablement HKLMCLSID{D27CDB6E-AE6D-11cf-96B8-444553540000})

Pour mozilla/ffx il ya moyen de désactiver des plugins dans nu profil, mais je ne sais plus comment (surement quelque part dans 'about:config')
Posté par Nico le 18/05/2005, à 12:01:58
Kox>Merci pour l'info.

Pour ma part, j'ai juste plusieurs browsers pour faire le test, j'ai Mozilla avec le plugin, Firefox sans et IE avec.
Posté par ABDL le 13/10/2005, à 12:32:42
DESOLE SA FAIS 1SEMAINE QUE JESSAI DINSERRER UN FLASH A MON BLOG ET TJRS SANS ESPOIRS


IL ME FAUT VRAIMENT MAIDER
JE SUIS SUR LE BLOG DE MSN
PAGE PERSO
C UN PEU COMPLIQUER POUR RAJOUTER DES TRUCS

JE SAIS MEME PAS QUOI FAIRE DE T FORMULE OU ET QUAND FAUT LES INSERER

ET MES FICHIER SONT SOUS FORMAT SWF

MERCI DE TA PRECIEUSE AIDE
Posté par newmen le 13/10/2005, à 13:16:03
MERCIIIIIIII
impec,sur mon 1er site www.atelier-fabien.com , tout en html,la validation w3c sans prob!!!mais pour mon nouveau site webpopart.info,incluant du flash et autre,c'est plus complexe!
avec ce code,je corige 2 erreurs sur les 14 qui me reste!merci
Posté par Nico le 13/10/2005, à 19:59:59
ABDL> please pas en majuscules (ni en style SMS non plus), je n'aime pas les gens qui crient !

Je ne connais pas les blogs msn, normalement tu dois insérer ceci directement dans la source de ton blog, je ne sais pas si tu y as accès sur ce genre de blog... ni si tu peux publier directement en html.

Y a pas une FAQ ou qqch dans le genre qui pourrait te dire ça ?

Newmen> De rien !
Posté par abdl le 14/10/2005, à 1:57:50
desole pour les maj
je tacherai de parler a vois bases lol

bon ben c pas grave jy comprend rien
meis je te remercie quand meme
je vais continuer mes recherches sur le net
ciao
Posté par Nico le 14/10/2005, à 10:46:22
Il suffit de savoir si oui ou non tu peux insérer du code html sur ton blog, et si c'est le cas, c'est bon !
Posté par gringoverde le 26/10/2005, à 11:22:05
Bonjour à tous,

J'ai un problème avec une animation type flash ... elle est visible sous firefox mais avec ie seul le fond de l'anim est visible ...
voici le code que j'utilise pour l'insertion: <table border='0' width='90%' height='80' align='center'><tr><td valign='top'>
<object classid='clsid(grand sourire)27CDB6E-AE6D-11cf-96B8-444553540000'
codebase='http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0' width=100% height=100%>
<param name=movie value='1.swf'>
<param name=quality value=high>
<embed src='pics/_pub/swf/1.swf' width=500 height=80 quality=high
type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'> </embed></object>
</td></tr></table>

Merci pour l'aide ... aurevoir à tous ...
Posté par Nico le 26/10/2005, à 11:44:29
Normalement suffit de remplacer <object .... </object> par ça :*


<object type="application/x-shockwave-flash" data="pics/_pub/swf/1.swf" width="550" height="80" id="clip">
<param name="movie" value="pics/_pub/swf/1.swf" />
<param name="quality" value="high" />
Ici le contenu alternatif (image, texte)
</object>

Et ça devrait rouler...
Posté par Nico le 26/10/2005, à 11:46:12
Bref, il faut que le chemin soit le bon !
Posté par bilybalboa le 08/04/2006, à 0:05:21
slt j'ai crée un blog cela fait maintenant 3 jours que je cherche à l'animer,à télécharger des vidéos,des images... mais en vain.j'espère que quelqu'un plus exercé que moi m'aidera.merci
Posté par Nico le 11/04/2006, à 10:01:04
Cherche sur des forums, tu devrais trouver ton bonheur !
Posté par zest le 20/05/2006, à 12:31:15
Slt
Ce code est interressant mais qu'appelles-tu "Ici le contenu alternatif (image,texte)"
Je suis désolé je pige pas !!
Posté par Nico le 20/05/2006, à 14:43:42
C'est le contenu qui va s'afficher si la personne n'a pas le plugin flash d'installé (une image, un texte).
Posté par flopi le 05/09/2006, à 9:11:45
bonjour, j'ai inséré ma bannière avec le nouveau code alors avant elle était vide, maintenant j'ai juste la couleur....mais j'ai pas mon texte. Peux tu m'aider ? merci beaucoup. Voici le code que je dois insérer et avec ça ma bannière est vide, avec les modifications que tu donnes plus haut j'ai la couleur de la bannière.

<object classid="clsid(grand sourire)27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="468" height="60">
<param name="movie" value="tmpl105_344fc574c61a99.swf">
<param name="quality" value="high">
<embed src="tmpl105_344fc574c61a99.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468" height="60" ></embed>
</object>
Posté par Nico le 05/09/2006, à 11:35:29
ça devrait donner ça :

<object type="application/x-shockwave-flash" data="tmpl105_344fc574c61a99.swf" width="468" height="60">
<param name="movie" value="tmpl105_344fc574c61a99.swf" />
<param name="quality" value="high" />
Ici le contenu alternatif (image, texte)
</object>

à+
Posté par ptit_herisson le 08/10/2006, à 21:32:13
voilà j'ai crée un blog sur blogger et j'aimerai changer le curseur et ajouter au blog un rubrique jeu le probleme c'est que je veux que les jeu (en flash) apparaissent directement sur le blog et non redirigé l'internaute vers le site où est hebergé le jeu. est-ce possible? si oui comment et avec quel code source...
merci
Posté par Nico le 09/10/2006, à 16:05:37
Je ne sais pas si c'est possible de faire ça directement, mais en indiquant le lien absolu de ton anim flash, ça devrait être bon...
Posté par zian le 01/01/2007, à 3:12:01
Ca fonctionne bien pour moi, merci.
Posté par CYannick le 24/08/2011 à 12:12:04
Merci pour le tips ! Le code généré par Flex ou d'autres IDE est carrément imbuvable, par contre ce même code utilise JavaScript pour charger le contenu Flash, que ce passe t-il si il y a un problème avec le SWF (fichier merdique ou corrompu ou mauvais paramètres passés) ?
Posté par Nico le 25/08/2011 à 7:09:13
CYannick : tu parles du code que je donne ? Il n'utilise pas de Javascript, donc pas de souci de ce côté-là. Après, si mauvais SWF, franchement, on ne peut pas faire grand chose... (clin d’oeil)

Ajouter un commentaire









L'option « Se souvenir de mes informations » utilise un cookie, elle ne sera pas effective si vous les avez désactivés.

Les balises HTML ne seront pas interprétées, il est donc inutile d'en mettre. Par contre, les sauts de lignes de votre commentaire seront pris en compte, ne mettez donc pas de <br />, le site s'en chargera. Bien sûr, un commentaire vide ne sera pas ajouté !

L'auteur (autrement dit moi) n'est pas responsable des éventuelles fautes d'orthographe dans les commentaires.
Tout propos raciste et/ou insultant sera supprimé sans préavis. Les commentaires hors de propos destinés à faire de la pub pour des sites seront également supprimés sans ménagement.

Je vous prie de me pardonner, j'ai énormément de mal à lire le "langage" SMS, il n'est donc pas du tout interdit de s'abstenir de l'utiliser. Qui plus est, vous avez sûrement un clavier digne de ce nom et pas celui d'un téléphone portable. Ne vous gênez pas pour utiliser l'option "Prévisualiser" si vous voulez vous relire avant de poster, je vous en remercie d'avance !

Cet article a été écrit par Nicolas Hoffmann.

Ce site est la propriété de Nicolas Hoffmann.
Tous droits réservés, les textes du blog sont publiés sous licence CC BY-NC-SA.