<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 HTML-Element <embed> bettet externe Inhalte an der angegebenen Stelle im Dokument ein. Diese Inhalte werden vom Browser oder einer externen Anwendung verarbeitet.
Probieren Sie es aus
<embed
type="image/jpeg"
src="/api/v1/web-embed/proxy?proxyUrl=https%3A%2F%2Fdeveloper.mozilla.org%2Fshared-assets%2Fimages%2Fexamples%2Fflowers.jpg&mode=full"
width="250"
height="200" />
Attribute
Die Attribute dieses Elements umfassen die globalen Attribute.
height-
Die angezeigte Höhe der Ressource in CSS-Pixeln. Dies muss ein absoluter Wert sein; Prozentangaben sind nicht zulässig.
src-
Die URL der eingebetteten Ressource.
type-
Der MIME-Typ der eingebetteten Ressource.
width-
Die angezeigte Breite der Ressource in CSS-Pixeln. Dies muss ein absoluter Wert sein; Prozentangaben sind nicht zulässig.
Hinweise zur Verwendung
Moderne Browser unterstützen keine Browser-Plug-ins wie Flash mehr, aber <embed> kann weiterhin Inhalte anzeigen, die vom Browser selbst verarbeitet werden, beispielsweise PDFs in einem integrierten PDF-Viewer.
Für PDF-Vorschauen sollten Sie <object> oder <iframe> in Betracht ziehen. Im Gegensatz zu <object> kann <embed> keine Fallback-Inhalte enthalten. Im Gegensatz zu <iframe> verfügt es über keine Attribute zur Steuerung des Ladens.
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 für ein embed-Element, um dessen Inhalt zu beschriften, damit Personen, die mit assistiven Technologien wie einem Screenreader navigieren, verstehen können, was es enthält. Der Wert des Titels sollte den eingebetteten Inhalt prägnant beschreiben. Ohne einen Titel können sie möglicherweise nicht feststellen, worum es sich bei den eingebetteten Inhalten handelt. Dieser Kontextwechsel kann verwirrend und zeitaufwendig sein, insbesondere wenn das embed-Element interaktive Inhalte wie Video oder Audio enthält.
Beispiele
<embed
type="video/quicktime"
src="/api/v1/web-embed/proxy?proxyUrl=https%3A%2F%2Fdeveloper.mozilla.org%2Fde%2Fdocs%2FWeb%2FHTML%2FReference%2FElements%2Fmovie.mov&mode=full"
width="640"
height="480"
title="Title of my video" />
Technische Zusammenfassung
| Inhaltskategorien | Flow-Inhalt, Phrasing-Inhalt, eingebetteter Inhalt, interaktiver Inhalt, wahrnehmbarer Inhalt. |
|---|---|
| Zulässiger Inhalt | Keiner; es ist ein leeres Element. |
| Weglassen von Tags | Muss ein Start-Tag haben und darf kein End-Tag haben. |
| Zulässige Elternelemente | Jedes Element, das eingebettete Inhalte akzeptiert. |
| Implizite ARIA-Rolle | Keine entsprechende Rolle |
| Zulässige 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
- Weitere Elemente zum Einbetten von Inhalten verschiedener Typen sind
<audio>,<canvas>,<iframe>,<img>,<math>,<object>,<svg>und<video>. - Positionierung und Größenanpassung des eingebetteten Inhalts innerhalb seines Rahmens:
object-positionundobject-fit