Auteur: Jérôme Forget. Publié le 10 novembre 2006.
Le Flash Player est un plugiciel installé sur la majorité des ordinateurs connectés à Internet - le taux de pénétration du Flash Player 7 atteint plus de 95% au Canada, selon les dernières données de Macromedia. Cela ne doit pas nous faire oublier la minorité d'utilisateurs qui ne possèdent pas le plugiciel, où qui possèdent une version trop ancienne.
SWFObject est un fichier JavaScript qui sert à intégrer du contenu Flash dans une page Web. Le script peut détecter la version du plugiciel Flash dans la majeure partie des navigateurs Web (Mac et PC). C'est une méthode optimisée pour les moteurs de recherche, qui dégrade gracieusement et qui peut être utilisé dans des documents HTML ou XHTML valides. Ce script a été conçu par Geoff Stearns et est maintenant utilisé sur de nombreux sites Web importants.
Nous verrons dans cet article comment utiliser le SWFObject pour détecter la version du Flash Player et intégrer du contenu Flash à ses documents HTML.
D'abord - si ce n'est déjà fait - téléchargez les sources du SWFObject sur le site de l'auteur.
Placez le fichier swfobject.js à la racine de votre serveur Web. Vous devrez inclure ce fichier JavaScript sur chaque page HTML contenant du Flash.
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body>
<div id="contenuflash">
Ce texte sera remplacé par l'animation Flash.
</div>
<script type="text/javascript">
var so = new SWFObject("movie.swf", "monmovie", "200", "100", "7", "#336699");
so.write("contenu");
</script>
D'abord, nous créons un élément HTML <div>, conteneur de l'animation Flash. Le texte dans cet élément sera remplacé par le contenu Flash. Cela offre l'avantage de permettre à ce contenu texte d'être indexé par les moteurs de recherche.
Le code JavaScript suivant construit un nouvel objet SWFObject et assigne les paramètres de publication. Les paramètres obligatoires sont les suivants :
D'autres paramètres optionnels sont aussi possibles :
Lorsque vous développez des pages qui utilisent le SWFObject, commencez d'abord par votre contenu alternatif (non-Flash). Assurez-vous que les pages fonctionnent bien sans les animations Flash, puis ajoutez le code JavaScript pour remplacer le contenu alternatif par des animations Flash. Vous pouvez exiger de l'utilisateur qu'il mette à jour le Flash Player, mais il y a souvent de bonnes raisons de ne rien dire du tout si le contenu Flash n'est pas essentiel.
SWFObject fonctionne dans tous les navigateurs Web actuels, dont, sur PC: MSIE5/5.5/6, Netscape 7/8, Firefox, Mozilla et Opera. Sur Mac: IE5.2, Safari, Firefox, Netscape 6/7, Mozilla and Opera 7.5+.
Le script détecte les version 3 ou plus du Flash Player et permettra à l'utilisateur d'interagir avec le contenu Flas sans devoir l'activer d'abord. Pour plus d'informations sur ce sujet, lisez ce billet sur le conflit entre Eolas et Internet Explorer.