<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

Andere Elemente, die zum Einbetten von Inhalten verschiedener Typen verwendet werden, umfassen <audio>, <canvas>, <iframe>, <img>, <math>, <object>, <svg>, und <video>.
Positionierung und Größenanpassung des eingebetteten Inhalts innerhalb seines Rahmens: object-position und object-fit