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

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

 

Incorporer un document pdf

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

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

 
</object>

 

Incorporer un document wav

<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

          <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

          <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

  <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

  <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

  <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

  <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

  <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>