<embed>: Das Element zum Einbetten externer Inhalte

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 interaktiver Inhalte wie einem Browser-Plugin 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-Plugins eingestellt und entfernt haben. Daher ist es im Allgemeinen nicht ratsam, sich auf <embed> zu verlassen, wenn Ihre Website auf dem durchschnittlichen Benutzerbrowser funktionieren soll.

Attribute

Die Attribute dieses Elements beinhalten die globalen Attribute.

height

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

src

Die URL der eingebetteten Ressource.

type

Der MIME-Typ, der verwendet wird, um das zu instanzierende Plugin auszuwählen.

width

Die angezeigte Breite der Ressource in CSS-Pixeln. Dies muss ein absoluter Wert sein; Prozentwerte 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 Auswirkung auf <embed>-Elemente.

Barrierefreiheit

Verwenden Sie das title-Attribut in einem embed-Element, um dessen Inhalt zu kennzeichnen, damit Personen, die assistive Technologien wie einen Screenreader nutzen, verstehen können, was es enthält. Der Titelwert sollte den eingebetteten Inhalt kurz beschreiben. Ohne einen Titel könnten sie möglicherweise nicht feststellen, was der eingebettete Inhalt ist. Dieser Kontextwechsel kann besonders verwirrend und zeitaufwändig sein, 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ßende Inhalte, Phrasierungsinhalte, eingebettete Inhalte, interaktive Inhalte, fühlbare Inhalte.
Erlaubte Inhalte Keine; es ist ein leeres Element.
Tag-Auslassung Muss ein Start-Tag haben und darf keinen End-Tag haben.
Erlaubte Eltern 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

Siehe auch