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.

<object width="300" height="280" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="src" value="http://outils-web.fr/wp-content/uploads/2013/05/banniere_outils_web_fr.swf" /><embed width="300" height="280" type="application/x-shockwave-flash" src="http://outils-web.fr/wp-content/uploads/2013/05/banniere_outils_web_fr.swf" quality="high" /></object>

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.

<embed width="300" height="250" type="application/x-shockwave-flash" src="http://outils-web.fr/wp-content/uploads/2013/05/banniere_outils_web_fr.swf" />

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 :

<object width="300" height="250" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="src" value="http://outils-web.fr/wp-content/uploads/2013/05/banniere_outils_web_fr.swf" /><embed width="300" height="250" type="application/x-shockwave-flash" src="http://outils-web.fr/wp-content/uploads/2013/05/banniere_outils_web_fr.swf" quality="high" /><!-- [if !IE]> <--> <object data="http://mon_site/fichier_flash.swf" width="300" height="250" type="application/x-shockwave-flash"><param name="quality" value="high" /><param name="bgcolor" value="#FFFFFF" /><param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />FAIL (the browser should render some flash content, not this).</object></object><!-- > <![endif]-->

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 de messagerie 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.

Lire plus :
appli android outils-web
Comment créer une application android en ligne pour un blog ?

Ça y est ! Outils web a son application android ! Elle est téléchargeable ici : application android outils-web.fr Ce fut...

94 secondes android
94 Secondes : le meilleur quiz android chronométré.

A partir de 1 lettre, sur 1 thème donné, il faut trouver 1 mot. C'est le principe de 94 secondes...

retroweb du mois
La rétro du web #12

La rétro du Web c'est le top des articles, les meilleures découvertes, les surprises des dernières semaines. Allez jeter un...

Fermer