The <object> tag in HTML 5

Next: Syntax
Back Up: Menu

Syntax of the <object> tag

Next: Attributes
Prev: The <object> Tag
Back Up: Menu

Attributes of the <object> tag

attribute

The attribute

common attributes

In addition to the attributes above, which are specific to the <object> tag, any of the common HTML attributes can also be used.

Next: Examples
Prev: Syntax
Back Up: Menu

Examples of the object tag in HTML 5

Next: Video
Prev: Attributes
Back Up: Menu

Example of embedding video in HTML 5

When embedding video from another site, such as YouTube, in an HTML 5 page the <object> tag is typically used rather than the <video> tag:

<object width="1280" height="745"> <param name="movie" value="http://www.YouTube.com/v/ZXYVyrrUZ3c&hl=en_US&fs=1&rel=0&hd=1"/> <param name="allowFullScreen" value="true"/> <param name="allowscriptaccess" value="always"/> <embed src="http://www.YouTube.com/v/ZXYVyrrUZ3c&hl=en_US&fs=1&rel=0&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="745"/></object>

Demo of embedded YouTube video:
embedded YouTube video
(Note that this video will probably not play if your current browser does not yet support HTML 5 video.)

Next: Fallback
Prev: Examples
Back Up: Menu

The <object> tag can be combined with some other tags, such as the <video> tag <audio> tag to provide a fallback when the browser does not support the type of media provided. The <object> element for fallback media is coded within the <audio> or <video> tag as shown in the following example, which falls back to an embedded YouTube video:

<video poster="poster.png" controls="controls" style="border: black 1px solid; margin: 4px"> <source src="http://Vyd.com/video.ogv" type="video/ogg; codecs="theora,vorbis""/> <source src="http://Vyd.com/video.mp4" type="video/mp4; codecs="avc1.42E01E,mp4a.40.2""/> <object width="1280" height="745"> <param name="movie" value="http://www.YouTube.com/v/ZXYVyrrUZ3c&hl=en_US&fs=1&rel=0&hd=1"/> <param name="allowFullScreen" value="true"/> <param name="allowscriptaccess" value="always"/> <embed src="http://www.YouTube.com/v/ZXYVyrrUZ3c&hl=en_US&fs=1&rel=0&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="745"/> </object></video>

Next: Differences
Prev: Video
Back Up: Menu

What's new in HTML 5

Differences between HTML 5 and earlier versions

The following attributes should not be coded on the <object> tag because they either have been deprecated or were never officially supported:

Prev: Fallback
Back Up: Menu