Le langage HTML/Multimédia

Dans une page, nous pouvons insérer différents contenus autres que du textes et des images. Il peut s'agir de sons, de vidéos, d'animations (Adobe Flash ou SMIL) ou d'appliquettes (applets).


Note
Consultez la section L'attribut src du chapitre Image concernant l'utilisation du contenu d'un autre site.

Balise object

modifier

Pour intégrer un objet, nous utilisons la balise <object>. Comme toutes les balises, on peut lui définir les attributs id, class, title, style, dir, lang et xml:lang. En outre, cette balise dispose d'attributs spécifiques :

data
localisation de l'objet à insérer (adresse réticulaire), c'est l'équivalent du src de l'élément <img> ;
type
le type MIME du contenu ;
width
largeur de l'affichage ;
height
hauteur de l'affichage ;
standby
est l'équivalent du alt pour <img>. Ce texte est affiché pendant le chargement.

On peut, à l'intérieur de la balise object, donner du code qui s'affichera si le contenu ne peut pas être affiché. On peut également donner quelques paramètres à l'objet à l'aide de la balise <param /> qui associe à chaque paramètre une valeur booléenne. Voici les paramètres disponibles :

loop
indique si le média doit être jouer en boucle ou seulement une fois ;
controller
indique si il faut faire apparaître des boutons de contrôles ;
autoplay
indique si il faut lancer la vidéo au chargement de la page ; attention : à éviter à tout prix si la page contient plusieurs médias.

Insertion d'une vidéo

modifier
<object data="video.mpeg" title="une vidéo d'exemple" type="video/mpeg" standby="Vidéo d'exemple">
  <param name="loop" value="false" />
  <param name="autoplay" value="false" />
  <param name="controller" value="true" />
  Impossible de lire la vidéo : <a href="video.mpeg">Téléchargez-la</a>
</object>

Insertion d'une animation Flash

modifier
<object data="flash.swf" title="animation d'exemple" type="application/x-shockwave-flash" standby="animation d'exemple">
  Impossible de lire l'animation Flash
</object>

Insertion d'un fichier PDF

modifier
<object type="application/pdf"
    data="/media/wikibooks.pdf"
    width="600"
    height="500">
</object>

Obsolète : balise embed

modifier

Avant la balise object, on utilisait la balise embed. Cette balise avait été créée par Netscape. Elle ne fait pas partie de la norme W3C et donc ne devrait pas figurer sur des sites ; cependant, les navigateurs l'interprètent en général correctement, on peut donc encore la trouver sur des sites. De ce fait, il peut être utile d'en connaître la syntaxe pour convertir de l'ancien code.

Exemple d'utilisation simple
<embed src="foobar.wav" />
foobar.wav est le nom du fichier son.

Les attributs de cette balise sont :

src
l'emplacement (URL) de l'objet
alt
texte de remplacement à afficher
height
hauteur de l'affichage
width
largeur de l'affichage
name
nom de l'objet