Insérer des médias

Kompozer et CSS

Insérer des animations Flash

Dans Kompozer : Menu Insertion / Code HTMLInsérer code HTML

  1. Placer le pointeur de la souris à l'emplacement voulu sur la page
  2. Menu Insertion /  Code HTML
  3. dans la fenêtre "Insérer du code HTML", coller ces quelques lignes de code :

Le code de base étant :

<object data="movie.swf" type="application/x-shockwave-flash" width="500" height="500">(le width et le height au choix bien sûr.)
<param name="movie" value="movie.swf" />
</object>

Il doit figurer entre les deux balises "object " avec :

La base est la même :

Tout le reste étant donc paramètrage personnel, comme les couleurs éventuelles du lecteur, la fonction fullscreen etc...

1 - L'élément  <object> ... </object>

<object> permet d'insérer un objet étranger dans le navigateur (fichier audio, vidéo, image, animation flash etc.)
Il faut définir ce qu'est cet object, ce qu'il contient.

2 - L'attribut type

sert à définir l'object (type="application/x-shockwave-flash")

3 - L'attribut data

sert à indiquer le chemin du fichier et son nom, suivi de la hauteur et la largeur

4 - <param>

Le <param> sert aussi à mettre le chemin du fichier et son nom, car Internet Explorer n'arrive pas à traiter le data

5 - L'image alternative

Enfin il y a une image alternative pour ceux qui ne peuvent pas lire l'animation flash, afin qu'ils puissent quand même accéder au contenu. On l'oublie souvent, mais c'est vraiment très important


Véhicule dans les dunes
Véhicule dans les dunes

Voici le code HTML pour cette animation centrée sur cette page :

<object style="display: block; margin-right: auto; margin-left: auto;" type="application/x-shockwave-flash"
        data="flash/vehicule3c.swf" height="400" width="550">
          <param name="movie" value="flash/vehicule3c.swf">
          <img src="flash/vehicule3c.jpg" alt="Véhicule dans les dunes" height="255" width="350">
        </object>

Le chemin, les dimensions et les paramètres personnels peuvent être saisis dans l'éditeur.Haut de page

Jos Argaud - juillet 2008 - Pour m'écrire - Made with Kompozer Validation HTML de la page Validation CSS de la page