Comment intégrer un fichier flash dans un billet
Par analas le 6 septembre 2009, 10:42 - html - Lien permanent
Suite à des problèmes techniques avec certains codes fournit avec les logiciels d'intégration de fichier flash, je me suis intéressée à la question. Mais comment fait-on pour intégrer un fichier flash ? Tout d'abord, les logiciels ou sites proposant l'intégration de certains widget à base de flash, doivent tous enregistrer le document de référence sous un format .swf. Il est donc logique de considérer ce fichier de manière identique à un fichier PDF ou DOC. La différence vient de l'appel à un plugin spécial qui permet de lire ce type de fichier. Les codes qu'on nous proposent vont donc activité le plugin de macromédia pour lancer le fichier. Voyons cela en détail.
Voici comment un code d'insertion de flash dans une page web se présente :
En rouge, vous avez les balises principales du code : < object > < param > < embed > En bleu, les attributs de ces balises. Ils vont définir les valeurs à prendre en compte dans chacune des balises. En noir, les valeurs (dimension, code d'activation, intitulé, lien, etc).
Vous en faites une tronche dites-moi !!!
c'est le code ? ouais, c'est vrai que c'est tortueux ce truc là. Ce code fonctionne, mais pas pour tous les navigateurs malheureusement. C'est ce qui explique les problèmes d'affichage.
Je ne vais pas vous reprendre toute la procédure. Si cela vous intéresse, je vous invite à la consulter via ce lien : http://www.alistapart.com/articles/flashsatay/ (en anglais).
Si vous prenez le temps de regarder la construction de vos codes d'insertion de fichier flash, il y a de forte chance pour que vous vous retrouviez avec un code similaire. Si vous avez des problèmes d'affichage ou si vous souhaitez un blog propre et valide en terme de norme internet, voici comment réparer :
Tout d'abord, tout n'est pas à jeter dans ce code. Certaines informations vont nous être utiles, comme la taille de l'écran et le nom du fichier flash.
<object type="application/x-shockwave-flash" data="fichierflash.swf" width="604" height="20"> <param name="movie" value="fichierflash.swf" /> <param name="wmode" value="transparent" /> <p>Image ou texte alternatif </object>
Remplacer le fichier flash par votre nom de fichier avec le nom du chemin complet ou relatif (uniquement le chemin d'accès hors nom de domaine). Remplacer la largeur de votre écran "width" par celle indiquée par votre logiciel de base, ainsi que la hauteur "height".
Voilà nous sommes presque prêts à lancer notre fichier flash. Mais avant petit rappel : Si vous utilisez la syntaxe wiki pour saisir vos billets, n'oubliez pas de placer avant votre code trois / suivie de html en minuscule. Et vous fermez avec les 3 /, comme ceci :
/ / / html <object type="application/x-shockwave-flash" data="__fichierflash.swf__" width="__604__" height="__20__"> <param name="movie" value="__fichierflash.swf__" /> <param name="wmode" value="transparent" /> <p>Image ou texte alternatif </object> / / /
Si vous préférez travailler directement en XHTML, il vous suffit de copier/coller ce code à la suite de votre texte.
Commentaires
Merci pour ce petit tutorial, une ressource vraiment utile pour les débutants.