4 méthodes pour insérer un fichier flash dans une page HTML

Dans cet article vous trouverez 5 méthodes pour insérer un fichier FLASH d’extension SWF dans une page WEB. Ces méthodes fonctionnent aussi pour les lecteurs vidéos ou audios. Il est facile de créer des bannières flash en ligne. Mais les mettre dans une page Web pose parfois certains problèmes. Pour remédier à cette difficulté, voici 4 méthodes pour insérer du flash.

flash

1. La méthode préconisée par Adobe-Macromedia.

C’est la méthode consiste, à imbriquer les balises <object> et <embed>. C’est la méthode la plus utilisée et certainement la plus reconnue par l’ensemble des navigateurs, récents ou anciens.

Voici le code qu’il faudra adapter à votre fichier Flash.

[pastacode lang= »markup » manual= »%3Cobject%20width%3D%22300%22%20height%3D%22280%22%20classid%3D%22clsid%3Ad27cdb6e-ae6d-11cf-96b8-444553540000%22%20codebase%3D%22http%3A%2F%2Fdownload.macromedia.com%2Fpub%2Fshockwave%2Fcabs%2Fflash%2Fswflash.cab%23version%3D6%2C0%2C40%2C0%22%3E%3Cparam%20name%3D%22quality%22%20value%3D%22high%22%20%2F%3E%3Cparam%20name%3D%22src%22%20value%3D%22http%3A%2F%2Foutils-web.fr%2Fwp-content%2Fuploads%2F2013%2F05%2Fbanniere_outils_web_fr.swf%22%20%2F%3E%3Cembed%20width%3D%22300%22%20height%3D%22280%22%20type%3D%22application%2Fx-shockwave-flash%22%20src%3D%22http%3A%2F%2Foutils-web.fr%2Fwp-content%2Fuploads%2F2013%2F05%2Fbanniere_outils_web_fr.swf%22%20quality%3D%22high%22%20%2F%3E%3C%2Fobject%3E » message= » » highlight= » » provider= »manual »/]

Voici ce que cela donne :

2. La méthode utilisant la balise <embed> de HTML5

Comme le titre l’indique, on peut utiliser la balise <embed>. Le seul problème est que seule elle n’est reconnue que par les navigateurs récents. Mais il faut avouer que c’est hyper simple.

[pastacode lang= »markup » manual= »%3Cembed%20width%3D%22300%22%20height%3D%22250%22%20type%3D%22application%2Fx-shockwave-flash%22%20src%3D%22http%3A%2F%2Foutils-web.fr%2Fwp-content%2Fuploads%2F2013%2F05%2Fbanniere_outils_web_fr.swf%22%20%2F%3E » message= » » highlight= » » provider= »manual »/]

voici ce que cela donne :

 3. Méthode utilisant la balise <object > seule.

Cette méthode n’est pas forcément plus simple que la première, mais elle n’utilise que la balise <object>. Elle pose cependant des problèmes de compatibilité. Voici le code :

[pastacode lang= »markup » manual= »%3Cobject%20width%3D%22300%22%20height%3D%22250%22%20classid%3D%22clsid%3Ad27cdb6e-ae6d-11cf-96b8-444553540000%22%20codebase%3D%22http%3A%2F%2Fdownload.macromedia.com%2Fpub%2Fshockwave%2Fcabs%2Fflash%2Fswflash.cab%23version%3D6%2C0%2C40%2C0%22%3E%3Cparam%20name%3D%22quality%22%20value%3D%22high%22%20%2F%3E%3Cparam%20name%3D%22src%22%20value%3D%22http%3A%2F%2Foutils-web.fr%2Fwp-content%2Fuploads%2F2013%2F05%2Fbanniere_outils_web_fr.swf%22%20%2F%3E%3Cembed%20width%3D%22300%22%20height%3D%22250%22%20type%3D%22application%2Fx-shockwave-flash%22%20src%3D%22http%3A%2F%2Foutils-web.fr%2Fwp-content%2Fuploads%2F2013%2F05%2Fbanniere_outils_web_fr.swf%22%20quality%3D%22high%22%20%2F%3E%3C!–%20%5Bif%20!IE%5D%3E%20%3C–%3E%20%3Cobject%20data%3D%22http%3A%2F%2Fmon_site%2Ffichier_flash.swf%22%20width%3D%22300%22%20height%3D%22250%22%20type%3D%22application%2Fx-shockwave-flash%22%3E%3Cparam%20name%3D%22quality%22%20value%3D%22high%22%20%2F%3E%3Cparam%20name%3D%22bgcolor%22%20value%3D%22%23FFFFFF%22%20%2F%3E%3Cparam%20name%3D%22pluginurl%22%20value%3D%22http%3A%2F%2Fwww.macromedia.com%2Fgo%2Fgetflashplayer%22%20%2F%3EFAIL%20(the%20browser%20should%20render%20some%20flash%20content%2C%20not%20this).%3C%2Fobject%3E%3C%2Fobject%3E%3C!–%20%3E%20%3C!%5Bendif%5D–%3E » message= » » highlight= » » provider= »manual »/]

Ce qui donne :

FAIL (the browser should render some flash content, not this).

Il existe une autre méthode avec la balise <object> dite méthode Satay, plus simple que la précédente, elle offre  encore moins de compatible.

4. Méthode utilisant javascript.

Pour terminer, voici une dernière méthode utilisant une bibliothèque javascript SWFObject. Elle détecte la version du lecteur flash de l’utilisateur et dans sa version dynamique génère le code Flash d’affichage.

Cette bibliothèque est disponible à cette adresse : SWFObject

Elle offre aussi un générateur de code très pratique qui génère une code avec des balises <object> du genre de celui proposé au 3. Une documentation en ligne de ce générateur est disponible à cette adresse : swfobject/wiki/documentation. Sur la page du générateur en HTML, il faut uniquement changer les valeurs du deuxième encadré : (Flash (.swf) : lien vers le fichier flash) et ( les dimensions en pixels de la vue).

Personnelle, je trouve que la génération du code en ligne est un peu une usine à gaz. D’ailleurs, je n’ai pas réussi à la faire fonctionner sous WordPress. Mais si vous êtes intéressé, voici une vidéo très instructive sur cette bibliothèque javascript.


Cet article sur l’implantation des fichiers flash dans les pages HTML est terminé. Votre avis m’intéresse : quelle est votre la méthode pour insérer du flash dans les pages html ?

N’hésitez pas à partager cet article ou à télécharger l’article au format pdf :

Télécharger l’article en pdf

 

4 Comments

Add a Comment

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Read more:
mp3-player
Un lecteur MP3 pour site web.

Cet article vous propose des lecteurs MP3 embed pour sites web provenant de ReverbNation. Pour un lecteur audio Flash, vous pouvez...

smilebox
Un logiciel de création de montages photos animés avec musique.

Vous avez des photos brutes que vous souhaiteriez partager de façon originale, par exemple en ajoutant de la musique et...

virus thème wordpress
Vérifier la sécurité d’un thème wordpress avec un plugin.

Les thèmes gratuits sont les plus recherchés lorsqu'on se lance dans le blogging sous Wordpress. Il faut néanmoins faire attention...

Close