Path: blob/main/files/en-us/web/html/element/embed/index.md
6517 views
------{{HTMLSidebar}}
The <embed> HTML element embeds external content at the specified point in the document. This content is provided by an external application or other source of interactive content such as a browser plug-in.
{{EmbedInteractiveExample("pages/tabbed/embed.html", "tabbed-standard")}}
Note: This topic documents only the element that is defined as part of the HTML Living Standard. It does not address earlier, non-standardized implementation of the element.
Keep in mind that most modern browsers have deprecated and removed support for browser plug-ins, so relying upon <embed> is generally not wise if you want your site to be operable on the average user's browser.
Attributes
This element's attributes include the global attributes.
height: The displayed height of the resource, in CSS pixels. This must be an absolute value; percentages are not allowed.
src: The URL of the resource being embedded.
type: The {{glossary("MIME type")}} to use to select the plug-in to instantiate.
width: The displayed width of the resource, in CSS pixels. This must be an absolute value; percentages are not allowed.
Usage notes
You can use the {{cssxref("object-position")}} property to adjust the positioning of the embedded object within the element's frame, and the {{cssxref("object-fit")}} property to control how the object's size is adjusted to fit within the frame.
Examples
Accessibility concerns
Use the title attribute on an embed element to label its content so that people navigating with assistive technology such as a screen reader can understand what it contains. The title's value should concisely describe the embedded content. Without a title, they may not be able to determine what its embedded content is. This context shift can be confusing and time-consuming, especially if the embed element contains interactive content like video or audio.
Technical summary
| Content categories | Flow content, phrasing content, embedded content, interactive content, palpable content. |
|---|---|
| Permitted content | None; it is a {{Glossary("void element")}}. |
| Tag omission | Must have a start tag, and must not have an end tag. |
| Permitted parents | Any element that accepts embedded content. |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles |
application, document,
img, none,
presentation
|
| DOM interface | {{domxref("HTMLEmbedElement")}} |
Specifications
{{Specifications}}
Browser compatibility
{{Compat}}
See also
Other elements that are used for embedding content of various types include {{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("iframe")}}, {{HTMLElement("img")}}, {{MathMLElement("math")}}, {{HTMLElement("object")}}, {{SVGElement("svg")}}, and {{HTMLElement("video")}}.
Positioning and sizing the embedded content within its frame: {{cssxref("object-position")}} and {{cssxref("object-fit")}}