oujood.com

L'élément <object>

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

search |

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

Trafic Booster
hebergement web

SCREEBER - Logiciel de copywriting

SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


HTML5, CSS3, JavaScript pour débutants Tome 1
HTML5, CSS3, JavaScript
pour débutants Tome 1

Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

Regarder aussi nos cours :

fonction convert_cyr_string, convert_cyr_string

Convertit une chaîne d'un jeu de caractères cyrillique l'autre

left

Définit le bord de la marge gauche pour une boîte placée

border-left-style

Définit le style de la bordure gauche



Rentabilisez efficacement votre site

Votre soutien nous aide à faire fonctionner le site
Cette page vous a été utile? Partagez la pour nous encourager à continuer. Merci