L'élément <object>

L'élément <object>


Multimedia cours tutorial

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

Sélectionner 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

Sélectionner 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

Sélectionner 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

Sélectionner 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

Sélectionner le code

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

Insérer un son

Vous pouvez insérer un son comme objet :

Exemple

Sélectionner 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

Sélectionner 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

Sélectionner 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

Sélectionner 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

Sélectionner 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>

 



Cours precedent:
cours precedent  Formats  médias de Windows
    Sommaire de :
tutoriel multimédia
 Cours suivant:
Objet QuickTime    cours suivant
Par carabde 12 mai 2014