Add Site or Add Page to Favorites

HTML Tags

 		  

 HTML <object> Tag 
 
Home Tutorial HTML5 Tags Attributes CSS Styles Metatags Cheat Sheet Examples Definitions Differences Avoid HTML5 FAQs RSS Feeds Help

Syntax Attributes Examples Video Fallback Differences

The <object> Tag

The <object> tag in HTML 5

back to top

Converting to HTML 5

We are working on converting to HTML 5. Please visit HTML <object> Tag on the HTML 5 standard version of this site.

<object> Tag Syntax

Syntax of the <object> tag

back to top

Attributes of the <object> Tag

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.

back to top

HTML 5 Examples

Examples of the object tag in HTML 5

back to top

Embedded Video

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.)

back to top

Object as Fallback

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>

back to top

Changes in HTML 5

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:

  • align
  • border
  • hspace
  • vspace

back to top

Last updated Sunday September 19, 2010

You are currently viewing this page in HTML 5 XML* format (* see Clicklets for more infomation). This document is also available in XML* HTML 5 non-XML*XHTML 1 Style Sheet*HTML 5 Style Sheet* XHTML 1* HTML 4* XHTML Mobile* WML Mobile* and printer-friendly PDF* formats. This is accomplished with Single Source Publishing, a content management system that uses templates in XSLT style sheets provided by XML Styles .com to transform the source content for various content delivery channels. There is also RDF* metadata that describes the content of this document.

Copyright © 2010 Accilent® Corp. Alteration of content, including addition of any function such as hypertext links or pop-up advertising, or interference with the hypertext links or other functions of this site is expressly prohibited.

DISCLAIMER: All information, links, forms, applications and other items on this site or obtained from it are provided AS IS, WITHOUT WARRANTY OF ANY KIND EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.