<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 |
Browser-Kompatibilität
Loading…