<embed>: Das Embed External Content Element
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 für interaktive Inhalte wie ein 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 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-Plug-ins eingestellt und entfernt haben, sodass die Verwendung von <embed>
im Allgemeinen nicht ratsam ist, wenn Sie möchten, dass Ihre Website im Browser des durchschnittlichen Benutzers funktionsfähig ist.
Attribute
Zu den Attributen dieses Elements gehören die globalen Attribute.
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 zu instanziierende Plug-in auszuwählen.
width
-
Die angezeigte Breite der Ressource in CSS-Pixeln. Dies muss ein absoluter Wert sein; Prozentsätze 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 Wirkung auf <embed>
-Elemente.
Barrierefreiheit
Verwenden Sie das title
-Attribut bei einem embed
-Element, um dessen Inhalt so zu kennzeichnen, dass Personen mit Hilfstechnologien wie einem Screenreader 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 das eingebettete Inhalt darstellt. 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ßender Inhalt, phrasing content, eingebetteter Inhalt, interaktiver Inhalt, fühlbarer Inhalt. |
---|---|
Erlaubter Inhalt | Keiner; es ist ein leeres Element. |
Tag-Auslassung | Muss ein Start-Tag haben und darf keinen End-Tag haben. |
Erlaubte Elternelemente | 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
BCD tables only load in the browser
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 der eingebetteten Inhalte innerhalb ihres Rahmens:
object-position
undobject-fit