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

 

Les recherches qui vous ont mené ici

  • comment utiliser les fichier swf une page web (2)
  • intégrer flash dans html (2)
  • comment mettre les photos en flash dans html5 (2)
Ces articles pourraient vous intéresser :
4 Comments

Add a Comment

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

Lire plus :
Tour_Hanoi
Les Tours de Hanoi en JavaScript

Voici un petit Script Javascript utilisant la récursivité permettant de résoudre le problème des tours de Hanoï. Quel est le...

BD toondoos
Les meilleurs sites pour créer des BD en ligne.

Dans cet article, nous allons voir les meilleurs sites pour créer des BD en ligne sans savoir dessiner et sans...

tasse 3D
Le meilleur logiciel pour créer des anaglyphes 3D

Vous aimez la 3D et vous aimeriez créer des images en trois dimensions époustouflantes à regarder avec des lunettes. Vous...

Fermer