<embed>: Das Embed External Content Element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Das <embed> HTML-Element bettet externe Inhalte an der angegebenen Stelle im Dokument ein. Diese Inhalte werden von einer externen Anwendung oder einer anderen Quelle für interaktive Inhalte wie ein Browser-Plug-in bereitgestellt.

Probieren Sie es aus

<embed
  type="video/mp4"
  src="/shared-assets/videos/flower.mp4"
  width="250"
  height="200" />

Hinweis: Dieses Thema dokumentiert nur das Element, das als Teil des HTML Living Standard definiert ist. Es behandelt nicht frühere, nicht standardisierte Implementierungen des Elements.

Beachten Sie, dass die meisten modernen Browser die Unterstützung für Browser-Plug-ins eingestellt und entfernt haben, sodass die Verwendung von <embed> im Allgemeinen nicht ratsam ist, wenn Sie möchten, dass Ihre Website im Browser des durchschnittlichen Benutzers funktionsfähig ist.

Attribute

Zu den Attributen dieses Elements gehören die globalen Attribute.

height

Die angezeigte Höhe der Ressource in CSS-Pixeln. Dies muss ein absoluter Wert sein; Prozentsätze sind nicht erlaubt.

src

Die URL der eingebetteten Ressource.

type

Der MIME-Typ, der verwendet wird, um das zu instanziierende Plug-in auszuwählen.

width

Die angezeigte Breite der Ressource in CSS-Pixeln. Dies muss ein absoluter Wert sein; Prozentsätze sind nicht erlaubt.

Nutzungshinweise

Sie können die object-position-Eigenschaft verwenden, um die Positionierung des eingebetteten Objekts innerhalb des Rahmens des Elements anzupassen.

Hinweis: Die object-fit-Eigenschaft hat keine Wirkung auf <embed>-Elemente.

Barrierefreiheit

Verwenden Sie das title-Attribut bei einem embed-Element, um dessen Inhalt so zu kennzeichnen, dass Personen mit Hilfstechnologien wie einem Screenreader verstehen können, was es enthält. Der Wert des Titels sollte den eingebetteten Inhalt prägnant beschreiben. Ohne einen Titel könnten sie möglicherweise nicht feststellen, was das eingebettete Inhalt darstellt. Dieser Kontextwechsel kann verwirrend und zeitaufwändig sein, insbesondere wenn das embed-Element interaktive Inhalte wie Video oder Audio enthält.

Beispiele

html
<embed
  type="video/quicktime"
  src="movie.mov"
  width="640"
  height="480"
  title="Title of my video" />

Technische Zusammenfassung

Inhaltskategorien Fließender Inhalt, phrasing content, eingebetteter Inhalt, interaktiver Inhalt, fühlbarer Inhalt.
Erlaubter Inhalt Keiner; es ist ein leeres Element.
Tag-Auslassung Muss ein Start-Tag haben und darf keinen End-Tag haben.
Erlaubte Elternelemente Jedes Element, das eingebettete Inhalte akzeptiert.
Implizierte ARIA-Rolle Keine entsprechende Rolle
Erlaubte ARIA-Rollen application, document, img, none, presentation
DOM-Schnittstelle [`HTMLEmbedElement`](/de/docs/Web/API/HTMLEmbedElement)

Spezifikationen

Specification
HTML
# the-embed-element

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch