L'élément <object>

L'élément <object>

L’élément <object> est conçu pour insérer toute sorte de document.
On spécifie :

• le type avec l'attribut type en indiquant le type mime,
• la source du document avec l'attribut data en indiquant son URI.

Si le navigateur, ou un de ses plugins, sait interpréter ce document, il le fait sinon on imbrique un contenu alternatif et le contenu imbriqué sera affiché.
Tout code HTML peut être insérer comme contenu alternatif, par exemple un lien vers le document, ou une image à la place d'une animation.
 Il peut également être un autre objet, on parle  "d'objet imbriqués" ou  "d’alternatif ".

Exemples

Incorporer un document HTML

Exemple :     📋 Copier le code

<object data="test.html" type="text/html" width="300" height="200">
  Alternatif : <a href="test.html">test.html</a>
</object>

Incorporer un document pdf

Exemple :     📋 Copier le code

<object data="test.pdf" type="application/pdf" width="300" height="200">

 
  alt : <a href="test.pdf">test.pdf</a>

 
</object>

Incorporer un document wav

Exemple :     📋 Copier le code

<object type="audio/x-wav" data="data/test.wav" width="200" height="20">
  <param name="src" value="data/test.wav">
  <param name="autoplay" value="false">
  <param name="autoStart" value="0">
  alt : <a href="data/test.wav">test.wav</a>
</object>

 
L'élément <object> prend en charge plusieurs types de supports différents, comme des :

• Photos
• Sons
• Vidéos
• Autres

Affichage d'une image

Vous pouvez afficher une image en tant qu'objet :

Exemple

Exemple :     📋 Copier le code

          <object height="100%" width="100%"
          type="image/jpeg" data="image.jpeg">
          </object>
      

Affichage d'une Page Web

Vous pouvez afficher une page web comme objet :

Exemple

Exemple :     📋 Copier le code

          <object type="text/html" height="100%" width="100%"
          data="https://www.oujood.com">
          </object>
       

Insérer un son

Vous pouvez insérer un son comme objet :

Exemple

Exemple :     📋 Copier le code

  <object
  classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
  <param name="FileName" value="monSon.wav" />
  </object>

Affichage d'une vidéo

Vous pouvez afficher une vidéo comme  objet :

Exemple

Exemple :     📋 Copier le code

  <object
  classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
  <param name="FileName" value="video.wmv" />
  </object>

Affichage d'un calendrier.

Vous pouvez afficher un calendrier comme objet :

Exemple

Exemple :     📋 Copier le code

  <object width="100%" height="80%"
  classid="clsid:8E27C92B-1264-101C-8A2F-040224009C02">
  <param name="BackColor" value="14544622"/>
  <param name="DayLength" value="1"/>
  </object>

Affichage des graphiques

Vous pouvez afficher les graphiques comme un objet :

Exemple

Exemple :     📋 Copier le code

  <object width="200" height="200"
  classid="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
  <param name="Line0001"
  value="setFillColor(255, 0, 255)"/>
  <param name="Line0002"
  value="Oval(-100, -50, 200, 100, 30)"/>
  </object>

Affichage Flash

Vous pouvez afficher une animation flash en tant qu'objet :

Exemple

Exemple :     📋 Copier le code

  <object width="400" height="40"
  classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
  codebase="http://fpdownload.macromedia.com/
  pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
  <param name="SRC" value="exemple.swf"/>
  <embed src="bookmark.swf" width="400" height="40"></embed>
  </object>