Insérer du flash dans une page HTML, nouvelle solution




Installer du Flash sur son site est toujours problématique. Soit un navigateur n’affiche pas le Flash soit comme sur Explorer 6 il faut cliquer deux fois pour activer le Flash.

De plus les diverses méthodes ne sont pas XHTML.

Pour palier à tous ces problèmes, une solution javascript existe c’est SWFOBJECT. Le code est disponible sur le site Google ici

Et voici un exemple de code pour insérer le flash avec SWFOBJECT:

<!DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Strict//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd »>
<html xmlns= »http://www.w3.org/1999/xhtml » lang= »en » xml:lang= »en »>
<head>
<title>SWFObject dynamic embed – step 3</title>
<meta http-equiv= »Content-Type » content= »text/html; charset=iso-8859-1″ />
<script type= »text/javascript » src= »swfobject.js »></script>

<script type= »text/javascript »>
swfobject.embedSWF(« myContent.swf », « myContent », « 300 », « 120 », « 9.0.0 »);
</script>

</head>
<body>
<div id= »myContent »>
<p>Alternative content</p>
</div>
</body>
</html>

Andrea Giammarchi propose sur son site une alternative pour insérer du flash. A partir de la solution Satay il a développé un javascript trés léger seulement 999 bytes. Si l’utilisateur n’a pas javascript il verra un contenu alternatif.
Cette solution fournit donc le script javascript anyIEActiveX et deux flash flash.swf et fail.swf .
Cette solution est valide XHTML. Elle résoud les problèmes d’activation du flash avec Explorer et Opéra.

Un exemple du code :

<script type= »text/javascript » src= »anyIEActiveX.js »><!–// (C) Andrea Giammarchi //–></script>
</head>
<body>
<object type=”application/x-shockwave-flash” data=”flash.swf?v=8&swf=8.swf” width=”500? height=”300?>
<param name=”movie” value=”flash.swf?v=8&swf=8.swf” />
<p>Texte alternatif</p>
</object>
v=8 pour la version de flash minimale
swf=8.swf votre flash





Tags: , ,

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

Si vous avez apprécié cet article, s’il vous plait, prenez le temps de laisser un commentaire
ou de souscrire au flux afin de recevoir les futurs articles directement dans votre lecteur de flux.

Laisser un Message