<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 July 2015.
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 einem 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 im Rahmen des HTML Living Standard definiert ist. Es bezieht sich nicht auf frühere, nicht standardisierte Implementierungen des Elements.
Beachten Sie, dass die meisten modernen Browser die Unterstützung von Browser-Plug-ins abgeschafft und entfernt haben. Wenn Sie möchten, dass Ihre Website im Durchschnittsbrowser eines Benutzers funktioniert, ist es im Allgemeinen nicht ratsam, sich auf <embed>
zu verlassen.
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; Prozentwerte sind nicht erlaubt.
src
-
Die URL der eingebetteten Ressource.
type
-
Der zu verwendende MIME-Typ, um das zu instanziierende Plug-in auszuwählen.
width
-
Die angezeigte Breite der Ressource in CSS-Pixeln. Dies muss ein absoluter Wert sein; Prozentwerte sind nicht erlaubt.
Verwendungshinweise
Sie können die Eigenschaft object-position
verwenden, um die Positionierung des eingebetteten Objekts innerhalb des Rahmen 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, damit Personen, die mit assistiver Technologie wie einem Bildschirmleser navigieren, 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 der eingebettete Inhalt 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ß-Inhalt, Phrasierungsinhalt, eingebetteter Inhalt, interaktiver Inhalt, greifbarer Inhalt. |
---|---|
Erlaubter Inhalt | Keiner; es ist ein leeres Element. |
Tag-Auslassung | Muss ein Start-Tag haben und darf keinen End-Tag haben. |
Erlaubte Eltern | Jedes Element, das eingebetteten Inhalt akzeptiert. |
Implizite 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 verschiedener Inhaltstypen verwendet werden, sind
<audio>
,<canvas>
,<iframe>
,<img>
,<math>
,<object>
,<svg>
und<video>
. - Positionierung und Größenanpassung der eingebetteten Inhalte innerhalb ihres Rahmens:
object-position
undobject-fit