Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Afbeeldingen en media

Het element <object>

Het <object>-HTML-element vertegenwoordigt een externe bron, die kan worden behandeld als een afbeelding, een geneste browsing context, of een bron die door een plugin wordt afgehandeld.

Code
<object
  type="video/mp4"
  data="/shared-assets/videos/flower.mp4"
  width="250"
  height="200"></object>
Resultaat in de browser

Attributen

Dit element bevat de globale attributen.

archive VerouderdEen door spaties gescheiden lijst van URI's voor archieven met bronnen voor het object.
border VerouderdDe breedte van een rand rond het besturingselement, in pixels.
classid VerouderdDe URI van de implementatie van het object. Kan worden gebruikt samen met, of in plaats van, het data-attribuut.
codebase VerouderdHet basispad dat wordt gebruikt om relatieve URI's op te lossen die zijn opgegeven door classid, data, of archive. Indien niet opgegeven, is de standaardwaarde de basis-URI van het huidige document.
codetype VerouderdHet content type van de gegevens die zijn opgegeven door classid.
dataHet adres van de bron als een geldige URL. Ten minste één van data en type moet worden gedefinieerd.
declare VerouderdDe aanwezigheid van dit booleaanse attribuut maakt dit element alleen een declaratie. Het object moet worden geïnstantieerd door een volgend <object>-element. Herhaal het <object>-element volledig elke keer dat de bron opnieuw wordt gebruikt.
formHet formulierelement, indien aanwezig, waarmee het object-element geassocieerd is (de form owner). De waarde van het attribuut moet een ID zijn van een <form>-element in hetzelfde document.
heightDe hoogte van de weergegeven bron, zoals in <integer> in CSS-pixels.
nameDe naam van een geldige browsing context (HTML5), of de naam van het besturingselement (HTML 4). De naam wordt een eigenschap van de Window- en Document-objecten, en bevat een verwijzing naar het ingesloten venster of het element zelf.
standby VerouderdEen bericht dat de browser kan tonen tijdens het laden van de implementatie en gegevens van het object.
typeHet content type van de bron die is opgegeven door data. Ten minste één van data en type moet worden gedefinieerd.
usemap VerouderdEen hash-naam-verwijzing naar een <map>-element; dat wil zeggen een '#' gevolgd door de waarde van een name van een map-element.
widthDe breedte van de weergegeven bron, zoals in <integer> in CSS-pixels.

Voorbeelden

Een video insluiten

HTML

HTML
<object
  type="video/webm"
  data="/shared-assets/videos/flower.webm"
  width="600"
  height="140">
  <img
    src="/shared-assets/images/examples/flowers.jpg"
    alt="Some beautiful flowers" />
</object>

Resultaat

Resultaat in de browser

Als de video in het voorbeeld niet kan worden geladen, krijgt de gebruiker een afbeelding te zien als vervangende inhoud. De <img>-tag wordt gebruikt om een afbeelding weer te geven. We nemen het src-attribuut op, ingesteld op het pad naar de afbeelding die we willen insluiten. We nemen ook het alt-attribuut op, dat de afbeelding voorziet van een toegankelijke naam. Als de afbeelding ook niet kan worden geladen, wordt de inhoud van het alt-attribuut weergegeven.

Technische samenvatting

Inhoudscategorieën Flow content; phrasing content; embedded content, palpable content; als het element een usemap-attribuut heeft, interactive content; listed, submittable form-associated-element.
Toegestane inhoud nul of meer <param>-elementen, gevolgd door transparent.
Weglaten van tags Niet toegestaan, zowel de begin- als de eindtag zijn verplicht.
Toegestane oudertags Elk element dat embedded content accepteert.
Impliciete ARIA-rol Geen overeenkomstige rol
Toegestane ARIA-rollen application, document, img
DOM-interface HTMLObjectElement

Zie ook

Verwante elementen