<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, 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 beinhaltet 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 das Steuerelement, in Pixeln.

classid

Der URI der Implementierung des Objekts. Kann zusammen mit oder anstelle des data-Attributs verwendet werden.

codebase

Der Basis-Pfad, der zum Auflösen relativer URIs verwendet wird, die durch classid, data oder archive angegeben werden. Wenn nicht angegeben, ist der Standardwert der Basis-URI des aktuellen Dokuments.

codetype

Der Inhaltstyp der durch classid spezifizierten Daten.

data

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

declare

Das Vorhandensein dieses Booleschen Attributes 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 erneut verwendet wird.

form

Das Formular-Element, sofern vorhanden, mit dem das Objekt-Element assoziiert ist (sein Formularbesitzer). 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 des gültigen Browsing-Kontexts (HTML5) oder der Name des Steuerungselements (HTML 4). Der Name wird eine Eigenschaft der Window- und Document-Objekte, die einen Verweis auf das eingebettete Fenster oder das Element selbst enthält.

standby

Eine Nachricht, die der Browser anzeigen kann, während die Implementierung und die Daten des Objekts geladen werden.

type

Der Inhaltstyp der Ressource, die durch data spezifiziert wird. Mindestens eines der Attribute data und type muss definiert sein.

usemap

Ein Hash-Name-Verweis auf ein <map>-Element; das ist ein '#' gefolgt vom Wert eines name-Attributs eines Karte-Elements.

width

Die Breite der angezeigten Ressource, 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="https://developer.mozilla.org/shared-assets/images/examples/flowers.jpg"
    alt="Some beautiful flowers" />
</object>

Ergebnis

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

Technische Zusammenfassung

Inhaltskategorien Fließinhalt; Phrasinhalte; Eingebettete Inhalte, wahrnehmbarer Inhalt; wenn das Element ein usemap-Attribut hat, interaktiver Inhalt; aufgeführt, einsendbar formularassoziiertes Element.
Erlaubter Inhalt Null oder mehr <param>-Elemente, dann transparentes Modell.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind erforderlich.
Erlaubte Eltern Jedes Element, das eingebettete Inhalte 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

Siehe auch