<embed> HTML-Element zum Einbetten externer Inhalte
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
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-Plug-in, bereitgestellt.
Probieren Sie es aus
<embed
type="image/jpeg"
src="/shared-assets/images/examples/flowers.jpg"
width="250"
height="200" />
Hinweis: Dieses Thema dokumentiert nur das Element, das als Teil des HTML Living Standard definiert ist. Es befasst sich nicht mit früheren, nicht standardisierten Implementierungen des Elements.
Beachten Sie, dass die meisten modernen Browser die Unterstützung für Browser-Plug-ins eingestellt und entfernt haben. Daher ist es im Allgemeinen nicht ratsam, auf <embed> zu setzen, wenn Ihre Website auf dem durchschnittlichen Benutzer-Browser funktionsfähig sein soll.
Attribute
Die Attribute dieses Elements schließen die globalen Attribute ein.
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 Plug-in auszuwählen, das instanziiert werden soll.
width-
Die angezeigte Breite der Ressource, in CSS-Pixeln. Dies muss ein absoluter Wert sein; Prozentsätze sind nicht erlaubt.
Verwendungshinweise
Sie können die Eigenschaft object-position verwenden, um die Positionierung des eingebetteten Objekts innerhalb des Rahmens des Elements anzupassen.
Hinweis:
Die Eigenschaft object-fit hat keine Auswirkung auf <embed>-Elemente.
Barrierefreiheit
Verwenden Sie das title-Attribut bei einem embed-Element, um dessen Inhalt zu kennzeichnen, sodass Personen, die mit unterstützender Technologie wie einem Screenreader navigieren, verstehen können, was es enthält. Der Wert des Titels sollte den eingebetteten Inhalt kurz beschreiben. Ohne einen Titel könnten sie möglicherweise nicht feststellen, was im eingebetteten Inhalt enthalten ist. Dieser Kontextwechsel kann verwirrend und zeitaufwändig sein, insbesondere wenn das embed-Element interaktive Inhalte wie Video oder Audio enthält.
Beispiele
<embed
type="video/quicktime"
src="movie.mov"
width="640"
height="480"
title="Title of my video" />
Technische Zusammenfassung
| Inhaltskategorien | Fließende Inhalte, formulierende Inhalte, eingebettete Inhalte, interaktive Inhalte, greifbare Inhalte. |
|---|---|
| Erlaubte Inhalte | Keine; es ist ein void element. |
| Tag-Auslassung | Muss ein Start-Tag haben und darf keinen End-Tag haben. |
| Erlaubte Eltern | Jedes Element, das eingebettete Inhalte akzeptiert. |
| Implizite ARIA-Rolle | Keine entsprechende Rolle |
| Erlaubte ARIA-Rollen |
application, document,
img, none,
presentation
|
| DOM-Schnittstelle | [`HTMLEmbedElement`](/de/docs/Web/API/HTMLEmbedElement) |
Spezifikationen
| Spezifikation |
|---|
| HTML # the-embed-element |
Browser-Kompatibilität
Siehe auch
- Andere Elemente, die zum Einbetten von Inhalten verschiedener Art verwendet werden, sind
<audio>,<canvas>,<iframe>,<img>,<math>,<object>,<svg>und<video>. - Positionierung und Größenbestimmung des eingebetteten Inhalts innerhalb seines Rahmens:
object-positionundobject-fit