<object>: Das External Object Element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <object> HTML-Element repräsentiert eine externe Ressource, die als Bild, als eingebetteter Browsing-Kontext oder als Ressource, die von einem Plugin verarbeitet wird, behandelt werden kann.

Probieren Sie es aus

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

Attribute

Dieses Element umfasst die globalen Attribute.

archive Veraltet: Eine durch Leerzeichen getrennte Liste von URIs für Archive von Ressourcen für das Objekt.
border Veraltet: Die Breite eines Rahmens um das Steuerelement, in Pixel.
classid Veraltet: Der URI der Implementierung des Objekts. Er kann zusammen mit oder anstelle des data-Attributs verwendet werden.
codebase Veraltet: Der Basis-Pfad zur Auflösung relativer URIs, die von classid, data oder archive angegeben sind. Wird nichts angegeben, ist die Standardeinstellung der Basis-URI des aktuellen Dokuments.
codetype Veraltet: Der Inhaltstyp der Daten, die von classid angegeben sind.
data: Die Adresse der Ressource als gültige URL. Mindestens eines der Attribute data und type muss definiert sein.
declare Veraltet: Das Vorhandensein dieses booleschen Attributs macht dieses Element nur zu einer Deklaration. Das Objekt muss durch ein nachfolgendes <object>-Element instanziiert werden. Wiederholen Sie das <object>-Element vollständig jedes Mal, wenn die Ressource wiederverwendet wird.
form: Das Formular-Element, falls vorhanden, mit dem das Objekt-Element assoziiert ist (sein Formular-Eigentümer). Der Wert des Attributs muss eine ID eines <form>-Elements im selben Dokument sein.
height: Die Höhe der angezeigten Ressource, in <integer> in CSS-Pixel.
name: Der Name eines gültigen Browsing-Kontextes (HTML5) oder der Name des Steuerelements (HTML 4).
standby Veraltet: Eine Nachricht, die der Browser anzeigen kann, während er die Implementierung und die Daten des Objekts lädt.
type: Der Inhaltstyp der Ressource, die durch data angegeben ist. Mindestens eines der Attribute data und type muss definiert sein.
usemap Veraltet: Eine Hash-Name-Referenz zu einem <map>-Element; das heißt ein '#' gefolgt vom Wert eines name eines Map-Elements.
width: Die Breite der Anzeige-Ressource, in <integer> in CSS-Pixel.

Beispiele

Ein Video einbetten

HTML

html

<object
  type="video/webm"
  data="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm"
  width="600"
  height="140">
  <img src="path/image.jpg" alt="useful image description" />
</object>

Ergebnis

Wenn das Video im Beispiel nicht geladen werden kann, wird dem Benutzer ein Bild als Fallback-Inhalt bereitgestellt. Der <img>-Tag wird verwendet, um ein Bild anzuzeigen. Wir fügen das src-Attribut hinzu, das auf den Pfad zu dem einzubettenden Bild gesetzt ist. Wir fügen auch das alt-Attribut hinzu, das dem Bild einen zugänglichen Namen gibt. Wenn das Bild ebenfalls nicht geladen werden kann, wird der Inhalt des alt-Attributs angezeigt.

Technische Zusammenfassung

Inhaltskategorien	Fließ-Inhalt; Phrasen-Inhalt; eingebetteter Inhalt, palpabler Inhalt; wenn das Element ein `usemap`-Attribut hat, interaktiver Inhalt; aufgelistet, einreichbarer formularassoziierter Inhalt.
Erlaubter Inhalt	Null oder mehr `<param>`-Elemente, dann transparent.
Tag-Weglassung	Keine, sowohl der Start- als auch der End-Tag sind obligatorisch.
Erlaubte Eltern	Jedes Element, das eingebetteten Inhalt akzeptiert.
Implizite ARIA-Rolle	Keine entsprechende Rolle
Erlaubte ARIA-Rollen	`application`, `document`, `img`
DOM-Schnittstelle	[`HTMLObjectElement`](/de/docs/Web/API/HTMLObjectElement)

Spezifikationen

Specification
HTML # the-object-element