HTML5 – La balise <embed> pour plug-ins

LEÇON

 

La balise <embed>

On utilise la balise embed pour intégrer dans la page du contenu d'un format non-standard qui doit être géré par une application externe (un plug-in).

Par exemple, pour inclure une animation flash dans une page :

<embed src="mon_animation_flash.swf"
       width="640" height="480"
       type="application/x-shockwave-flash">

Pour afficher la page, le navigateur va déclencher le plug-in associé au type de contenu et c'est le plug-in qui va gérer l'affichage de cette partie de la page. Autrement dit le navigateur délègue la tâche de l'affichage de cette partie de la page au plug-in.

Attention : un navigateur qui n'est pas équipé d'un plug-in qui gère le type de contenu mentionné dans la balise embed sera incapable d'afficher le contenu.

Dans l'exemple le plug-in exigé est "Adobe Shockwave Player". Remarque : Adobe est une entreprise privée, le plug-in est un software propriétaire, mais gratuit.

 

La balise <embed> n'est pas limitée au plug-in Shockwave

Un autre exemple (une façon de mettre de l'ambiance dans un site - possible aussi avec la balise audio) :

<!DOCTYPE html>
<html>
    <head>
        <meta charset=&quot;UTF-8&quot;>
        <title>Title</title>
    </head>
    <body>
        <embed src="https://upload.wikimedia.org/wikipedia/en/4/45/ACDC_-_Back_In_Black-sample.ogg"
               type="audio/ogg"
               width="0" height="0"
               autostart="true"
               loop="true"
               hidden="true">
        </embed>
    </body>
</html>

[ remerciements : wikimedia.org ]

 


 

EXERCICES

  1. Créer une page avec le fichier Shockwave Flash qui se trouve à cette adresse : http://www.web-design-codex.fr/samples/swf/stix.swf. Spécifier une largeur/hauteur de 600x400 pixels, et regarder le résultat dans un navigateur
  2. Changer les dimensions en 900x600 et regarder le résultat
  3. Changer les dimensions en 900x400 et regarder le résultat
  4. Changer les dimensions en 400x900 et regarder le résultat
  5. Comment expliquer ces résultats ?
  6. Créer une page web avec uniquement une image de fond et une ambiance audio (en utilisant la méthode balise embed). L'image et l'ambiance devraient être cohérentes (par exemple une image de l’Amazonie et un fichier audio avec des oiseaux tropicaux). Conseil : trouver le fichier audio avant de se décider sur le thème de la page car ils sont plus difficile à trouver que les images.