Une bannière en flash

Pour insérer une bannière animée dans votre blog, la première étape est tout à fait similaire à l'insertion d'une image-titre décrite dans un autre billet. (Pensez également à vous assurer dans la feuille de style que les règles de #top, #top h1, #top h1 a ne présenteront pas d'obstacle ni de gêne à votre insertion.)

Mais ici, au lieu de l'image on insère le fichier flash. Dans l'exemple suivant :

  • on insère un fichier banniere.swf rangé dans le répertoire images du répertoire de votre thème ;
  • les dimensions de cette banniere sont de 700x80
  • on a créé une image de la même taille nommée banniere.png et rangée elle aussi dans le répertoire images du thème.
<object 
   type="application/x-shockwave-flash" 
   data="<?php dcInfo('theme'); ?>/images/banniere.swf" width="700" height="80" id="mabanniere">
   <param name="movie" value="urlcompletedufichier.swf" />
      Placer ici un contenu alternatif en texte comme ici ou une image comme à la ligne suivante
      <img src="<?php dcInfo('theme'); ?>/images/banniere.png" alt="<?php dcInfo(); ?>" />	
</object>

Une recherche sur votre moteur de recherche préféré avec en mots clés swf ou flash et xhtml ou validate ainsi que toutes les déclinaisons de ces termes vous donneront des informations plus complètes sur l'intégration de fichiers flash et les difficultés qui y sont liées.

Note : l'exemple ici donné concerne le remplacement de l'entête du blog mais ce code est bien sûr utilisable dans le corps d'un billet ou à tout autre endroit de votre template. Cependant, le contenu des billets ne pouvant contenir du php il faudra indiquer les chemins complets « en dur » : http://chemin-vers-le-fichier-swf.

PS. Si quelqu'un m'envoie un fichier flash pas trop moche et pas trop grand je l'intégrerai dans ce billet à titre de démo.

Insérer une vidéo dans un billet

Ici un exemple avec une vidéo Google (cf. forum). Recopiez le code fourni par le prestataire, celui-ci par exemple :

<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash"
src="http://video.google.com/googleplayer.swf?docId=-8000409016826512649&hl=fr"> </embed>

Et transformez-le de la façon suivante :

<object
  type="application/x-shockwave-flash"
  data="http://video.google.com/googleplayer.swf?docId=-8000409016826512649&amp;hl=fr" width="400" height="326" id="VideoPlayback">
  <param name="movie" value="http://video.google.com/googleplayer.swf?docId=-8000409016826512649&amp;hl=fr" />
      Ma jolie video
</object>

Remarque 1 : prenez note que dans le chemin de la vidéo, l'esperluette a été remplacée par son entité html &amp;
Remarque 2 : si votre billet est rédigé en syntaxe wiki, prenez soin de faire précéder le code par la ligne ///html et de le faire suivre par une ligne ///.

Ma jolie video