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)
  • inserer un jeux danr ume page 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 :
qr-code.fr
11 générateurs de QR Codes en ligne.

Qu'est-ce qu'un QR code ? Les QR codes sont ces figures carrées énigmatiques qui fleurissent sur tous les produits de...

reseaux sociaux
Ajoutez des boutons pour vous suivre sur Twitter, Facebook, Google+ et YouTube [Tuto]

Vous avez une page FaceBook ou Google+, vous avez une chaîne YouTube ou un compte Twitter. Vous souhaiteriez avoir des...

neurones deep learning
Deep Learning : créez vos images psychédéliques

L'intelligence artificielle avance à grand pas, grâce au Deep-Learning ! Qu'est-ce que le deep-learning ? Le deep Learning ou apprentissage...

Fermer