<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 geschachtelter Browsing-Kontext oder als Ressource behandelt werden kann, die durch ein Plugin bearbeitet wird.

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 Pixeln.
classid Veraltet: Der URI der Implementierung des Objekts. Er kann zusammen mit oder anstelle des data-Attributs verwendet werden.
codebase Veraltet: Der Basispfad, der verwendet wird, um relative URIs aufzulösen, die durch classid, data oder archive angegeben werden. Wenn nicht angegeben, ist der Standard der Basis-URI des aktuellen Dokuments.
codetype Veraltet: Der Inhaltstyp der durch classid angegebenen Daten.
data: Die Adresse der Ressource als gültige URL. Mindestens eines von 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, mit dem das Objekt-Element assoziiert ist (dessen Formulareigentümer). Der Wert des Attributs muss eine ID eines <form>-Elements im gleichen Dokument sein.
height: Die Höhe der angezeigten Ressource, wie in <integer> in CSS-Pixeln.
name: Der Name eines gültigen Browsing-Kontexts (HTML5) oder der Name des Steuerelements (HTML 4). Der Name wird zu einer Eigenschaft der Window- und Document-Objekte und enthält einen Verweis auf das eingebettete Fenster oder das Element selbst.
standby Veraltet: Eine Nachricht, die der Browser beim Laden der Implementierung und der Daten des Objekts anzeigen kann.
type: Der Inhaltstyp der durch data angegebenen Ressource. Mindestens eines von data und type muss definiert sein.
usemap Veraltet: Ein Hash-Name-Verweis auf ein <map>-Element, d.h. ein '#' gefolgt vom Wert eines name eines Karten-Elements.
width: Die Breite der Anzeigeressource, wie in <integer> in CSS-Pixeln.

Beispiele

Ein Video einbetten

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>

Ergebnis

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

Technische Zusammenfassung

Inhaltskategorien	Fließender Inhalt; Phrasierungsinhalt; Eingebetteter Inhalt, spürbarer Inhalt; hat das Element ein `usemap`-Attribut, interaktiver Inhalt; gelistet, einreichbar formularassoziiertes Element.
Erlaubter Inhalt	Null oder mehr `<param>` Elemente, dann transparent.
Tag-Auslassung	Keine, sowohl das Start- als auch das 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