Si vous avez déjà utilisé la commande “Publier” de Flash, vous savez qu’il peut vous générer une page html avec un code source à faire peur 🙂

Dans cet article, je vous propose un autre code source plus clair et compatible avec le standard xhtml. En prime, j’ai ajouté le style permettant de centrer horizontalement et verticalement votre animation Flash.

Voici le code permettant d’afficher le fichier index.swf dans une page html

<!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">
   <head>
   <meta http-equiv="content-type"
 content="text/html;charset=utf-8" />
   <title>flash compatible</title>
   <style type="text/css"><!--
 body {
   background-color:#fff;
   margin-left: 0px;
   margin-top: 0px;
 }

  #global {
   position:absolute;
   left: 50%;
   top: 50%;
   margin-top: -250px; /*la moitié de la hauteur de votre animation*/
   margin-left: -400px; /* la moitié de la largeur */
   width: 800px;
   height: 500px;
 }
 -->

 </style>
 </head>
 <body>
 <div id="global">
 
 <object id="test" type="application/x-shockwave-flash" data="index.swf" width="800" height="500">
 
  <!--[if IE]>
 <object id="test"
 classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" width="800" height="500">

  <![endif]-->

  <param name="movie" value="index.swf" />
 </object>
 </div>
 </body>
 </html>

C’est quand même plus clair que la bouillie habituelle de Macromedia…
J’ai testé ce code sous Firefox et Safari (Mac OS) et Firefox et MSIE (Windows).

Un dernier truc qui m’avait embêté dernièrement : si vous utilisez un tableau à une cellule pour centrer une animation Flash dans une page web, ne définissez pas de DTD.

Laisser un commentaire