<object>: Das externe Objektelement
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Das <object> HTML-Element repräsentiert eine externe Ressource, die als Bild, eingebetteter Browser-Kontext oder als eine von einem Plugin verarbeitete Ressource 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.
archiveVeraltet-
Eine durch Leerzeichen getrennte Liste von URIs für Archive von Ressourcen für das Objekt.
borderVeraltet-
Die Breite eines Rahmens um das Steuerelement in Pixeln.
classidVeraltet-
Der URI der Implementierung des Objekts. Kann zusammen mit oder anstelle des data-Attributs verwendet werden.
codebaseVeraltet-
Der Basis-Pfad zum Auflösen relativer URIs, die von classid, data oder archive angegeben werden. Wenn nicht angegeben, ist der Standard die Basis-URI des aktuellen Dokuments.
codetypeVeraltet-
Der Inhaltstyp der Daten, die durch classid angegeben werden.
data-
Die Adresse der Ressource als gültige URL. Mindestens data oder type muss definiert sein.
declareVeraltet-
Das Vorhandensein dieses Boolean-Attributs macht dieses Element nur zu einer Deklaration. Das Objekt muss durch ein nachfolgendes
<object>-Element instanziiert werden. Replizieren Sie das<object>-Element vollständig jedes Mal, wenn die Ressource erneut verwendet wird. form-
Das Formularelement, falls vorhanden, mit dem das Objektelement 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, wie in
<integer>in CSS-Pixel. name-
Der Name eines gültigen Browser-Kontexts (HTML5) oder der Name des Steuerelements (HTML 4). Der Name wird zu einer Eigenschaft der
Window- undDocument-Objekte und enthält eine Referenz auf das eingebettete Fenster oder das Element selbst. standbyVeraltet-
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 data oder type muss definiert sein.
usemapVeraltet-
Eine Hash-Name-Referenz zu einem
<map>-Element; das ist ein '#' gefolgt vom Wert einesnameeines Map-Elements. width-
Die Breite der Anzeigeressource, wie in
<integer>in CSS-Pixel.
Beispiele
Ein Video einbetten
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 Benutzer ein Bild als Fallback-Inhalt angeboten. Das <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. Wenn das Bild ebenfalls nicht geladen werden kann, wird der Inhalt des alt-Attributs angezeigt.
Technische Zusammenfassung
| Inhaltskategorien | Flussinhalt; Phrasierungsinhalt; eingebetteter Inhalt, greifbarer Inhalt; wenn das Element ein usemap-Attribut hat, interaktive Inhalte; aufgelistet, einreichbar form-assoziiertes Element. |
|---|---|
| Zulässiger Inhalt | Null oder mehr <param> Elemente, dann transparent. |
| Tag-Auslassung | Keine, sowohl das Start- als auch das Endtag sind obligatorisch. |
| Zulässige Eltern | Jedes Element, das eingebetteten Inhalt akzeptiert. |
| Implizite ARIA-Rolle | Keine entsprechende Rolle |
| Zulässige ARIA-Rollen | application, document, img |
| DOM-Schnittstelle | [`HTMLObjectElement`](/de/docs/Web/API/HTMLObjectElement) |
Spezifikationen
| Specification |
|---|
| HTML # the-object-element |