The HTML <object> element represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
| Content categories | Flow content; phrasing content; embedded content, palpable content; if the element has a usemap attribute, interactive content; listed, submittable form-associated element. |
|---|---|
| Permitted content | zero or more <param> elements, then transparent. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | Any element that accepts embedded content. |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | application, document, image |
| DOM interface | HTMLObjectElement |
Attributes
This element includes the global attributes.
archiveObsolete since HTML5- A space-separated list of URIs for archives of resources for the object.
borderDeprecated since HTML4.01Obsolete since HTML5- The width of a border around the control, in pixels.
classidObsolete since HTML5- The URI of the object's implementation. It can be used together with, or in place of, the data attribute.
codebaseObsolete since HTML5- The base path used to resolve relative URIs specified by classid, data, or archive. If not specified, the default is the base URI of the current document.
codetypeObsolete since HTML5- The content type of the data specified by classid.
data- The address of the resource as a valid URL. At least one of data and type must be defined.
declareObsolete since HTML5- The presence of this Boolean attribute makes this element a declaration only. The object must be instantiated by a subsequent
<object>element. In HTML5, repeat the <object> element completely each time that the resource is reused. form- The form element, if any, that the object element is associated with (its form owner). The value of the attribute must be an ID of a
<form>element in the same document. height- The height of the displayed resource, in CSS pixels. -- (Absolute values only. NO percentages)
name- The name of valid browsing context (HTML5), or the name of the control (HTML 4).
standbyObsolete since HTML5- A message that the browser can show while loading the object's implementation and data.
tabindexObsolete since HTML5- The position of the element in the tabbing navigation order for the current document.
type- The content type of the resource specified by data. At least one of data and type must be defined.
typemustmatch- This Boolean attribute indicates if the type attribute and the actual content type of the resource must match to be used.
usemap- A hash-name reference to a
<map>element; that is a '#' followed by the value of anameof a map element. width- The width of the display resource, in CSS pixels. -- (Absolute values only. NO percentages)
Examples
Embed a flash movie
<!-- Embed a flash movie -->
<object data="movie.swf"
type="application/x-shockwave-flash"></object>
<!-- Embed a flash movie with parameters -->
<object data="movie.swf" type="application/x-shockwave-flash">
<param name="foo" value="bar">
</object>
Specifications
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard The definition of '<object>' in that specification. |
Living Standard | |
| HTML5 The definition of '<object>' in that specification. |
Recommendation | |
| HTML 4.01 Specification The definition of '<object>' in that specification. |
Recommendation |
Browser compatibility
BCD tables only load in the browser
Note: Google Chrome doesn't support search for text (accessed via ctrl + F shortcut) inside <object></object> tags.