<object>: Das externe Objekt-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

Eine durch Leerzeichen getrennte Liste von URIs für Archive von Ressourcen für das Objekt.

border

Die Breite eines Rahmens um die Steuerung, in Pixeln.

classid

Der URI der Implementierung des Objekts. Es kann zusammen mit dem data-Attribut verwendet werden oder an dessen Stelle stehen.

codebase

Der Basis-Pfad zur Auflösung von relativen URIs, die durch classid, data oder archive angegeben werden. Wenn nicht angegeben, ist der Standardwert der Basis-URI des aktuellen Dokuments.

codetype

Der Inhaltstyp der Daten, die durch classid angegeben werden.

data

Die Adresse der Ressource als gültige URL. Mindestens eines der data und type muss definiert sein.

declare

Das Vorhandensein dieses Boolean-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, sofern vorhanden, mit dem das Objekt-Element verknüpft 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, wie in <integer> in CSS-Pixeln.

name

Der Name eines gültigen Browsing-Kontextes (HTML5) oder der Name der Steuerung (HTML 4).

standby

Eine Nachricht, die der Browser anzeigen kann, während er die Implementierung und Daten des Objekts lädt.

type

Der Inhaltstyp der durch data angegebenen Ressource. Mindestens eines der data und type muss definiert sein.

usemap

Ein Hash-Name-Verweis auf ein <map>-Element; also ein '#' gefolgt vom Wert eines name eines Map-Elementes.

width

Die Breite der Anzeigeressource, wie in <integer> in CSS-Pixeln.

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

Falls das Video im Beispiel nicht geladen wird, wird dem Benutzer ein Bild als Fallback-Inhalt bereitgestellt. Der <img>-Tag wird verwendet, um ein Bild anzuzeigen. Wir fügen das src-Attribut mit dem Pfad zu dem Bild ein, das wir einbetten möchten. Wir fügen auch das alt-Attribut hinzu, das dem Bild einen zugänglichen Namen gibt. Falls das Bild ebenfalls nicht geladen wird, wird der Inhalt des alt-Attributs angezeigt.

Technische Zusammenfassung

Inhaltskategorien Fließender Inhalt; Phrasierungsinhalt; Eingebetteter Inhalt, fühlbarer Inhalt; falls das Element ein usemap-Attribut hat, interaktiver Inhalt; gelistet, einreichbar form-assoziiertes Element.
Erlaubter Inhalt null oder mehr <param>-Elemente, dann transparent.
Tag-Auslassung Keine, sowohl das Anfangs- als auch das End-Tag sind obligatorisch.
Erlaubte Eltern Jedes Element, das eingebetteten Inhalt akzeptiert.
Implizierte 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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch