vendredi 6 janvier 2012

Une manière simple d'insérer une animation Flash...

Quand on insère un fichier Flash, cela donne quelque chose dans ce genre...

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data="http://dl.dropbox.com/u/19586410/Blogs/noel-nbbc.swf" height="476" width="640"><param name="wmode" value="transparent" /><param name="quality" value="high" /><param name="movie" value="http://dl.dropbox.com/u/19586410/Blogs/noel-nbbc.swf" />
<embed height="476" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://dl.dropbox.com/u/19586410/Blogs/noel-nbbc.swf" type="application/x-shockwave-flash" width="640" wmode="transparent"></embed></object>

Il y a une autre méthode qui "marche" bien. Je ne sais pas si c'est accepté par les puristes et validé par le W3C mais ça fonctionne!


Il suffit simplement de l'insérer dans un iframe ou un "object", l'adresse étant celle du fichier flash. Le flash s'adaptera automatiquement aux dimensions de votre iframe. Il faut simplement connaître ses proportions d'origine (c'est le plus long à trouver)

Comment faire?

  • Vous avez déjà les dimensions de votre flash?. Il vous suffit donc de créer une image vide de la même taille avec votre logiciel graphique (ici: 640x476 px) puis de la réduire en gardant les proportions à 480x367. Vous donnerez donc ces dimensions à votre iframe. 
  • Vous ne connaissez pas les dimensions de votre Flash?. Affichez-le dans votre navigateur par exemple en cliquant ici: http://dl.dropbox.com/u/19586410/Blogs/noel-nbbc.swf. Faites une capture d'écran et recadrez l'image de votre flash dans votre logiciel graphique préféré. Ici, j'avais réduit ma fenêtre de navigateur avant la capture d'image. Après recadrage, celle-ci fait 667x496 pixels. Je veux que mon Flash fasse 480 pixels de large. Je réduit donc l'image à 480 pixels (en conservant les proportions) et je note la nouvelle hauteur: 367 px. Mon iframe fera donc 480x367 px

Voici le code:

<p style="text-align: center; ">
<iframe frameborder="0" height="367" name="noname" scrolling="no" src="http://dl.dropbox.com/u/19586410/Blogs/noel-nbbc.swf" width="480"></iframe>
</p>


Et voici le résultat:


Je n'ai pas essayé avec un Flash Vidéo type YouTube (je ne pense pas que cela fonctionnera).

Aucun commentaire:

Enregistrer un commentaire