Comparison of layout engines (HTML5 Media)

The HTML5 draft specification defines several tags

HTML element

An HTML element is an individual component of an HTML document. HTML documents are composed of a tree of HTML elements and other nodes, such as text nodes. Each element can have attributes specified. Elements can also have content, including other elements and text. HTML elements represent...

which allow video and audio to be included natively and semantically

Semantic HTML

Semantic HTML is the use of HTML markup to reinforce the semantics, or meaning, of the information in webpages rather than merely to define its presentation . Semantic HTML is processed by regular web browsers as well as by many other user agents...

in HTML markup. This page compares support for aspects of this specification among layout engines.

Element attributes

Media elements allow some attributes to be set directly in the tag.

	Trident Trident (layout engine) Trident is the name of the layout engine for the Microsoft Windows version of Internet Explorer.It was first introduced with the release of Internet Explorer version 4.0 in October 1997; it has been steadily upgraded and remains in use today...	Gecko Gecko (layout engine) Gecko is a free and open source layout engine used in many applications developed by Mozilla Foundation and the Mozilla Corporation , as well as in many other open source software projects....	WebKit WebKit WebKit is a layout engine designed to allow web browsers to render web pages. WebKit powers Google Chrome and Apple Safari and by October 2011 held over 33% of the browser market share between them. It is also used as the basis for the experimental browser included with the Amazon Kindle ebook...	Presto Presto (layout engine) Presto is the layout engine for later versions of the Opera web browser . After several public betas and technical previews, it was released on January 28, 2003 in Opera 7 for Windows, and as of Opera 11 it is still in use. Presto is dynamic: the page or parts of it can be re-rendered in response...
`<audio>` attributes
`src`	rowspan="5"		rowspan="5"
`preload`	Supports `preload` under the older name `autobuffer`.
`autoplay`		rowspan="3"
`loop`
`controls`
`<video>` attributes
`src`	rowspan="8"		rowspan="8"
`preload`
`autoplay`		rowspan="6"
`loop`
`controls`
`poster`
`width`	rowspan="2"
`height`
`<source>` attributes
`src`	rowspan="3"	rowspan="2"	rowspan="3"	rowspan="3"
`type`
`media`
`<track>` attributes
`kind`	rowspan="4"	rowspan="4"	rowspan="4"	rowspan="4"
`label`
`src`
`srclang`

DOM attributes

Some attributes related to media elements are exposed in the DOM.

Document Object Model

The Document Object Model is a cross-platform and language-independent convention for representing and interacting with objects in HTML, XHTML and XML documents. Aspects of the DOM may be addressed and manipulated within the syntax of the programming language in use...

	Trident Trident (layout engine) Trident is the name of the layout engine for the Microsoft Windows version of Internet Explorer.It was first introduced with the release of Internet Explorer version 4.0 in October 1997; it has been steadily upgraded and remains in use today...	Gecko Gecko (layout engine) Gecko is a free and open source layout engine used in many applications developed by Mozilla Foundation and the Mozilla Corporation , as well as in many other open source software projects....	WebKit WebKit WebKit is a layout engine designed to allow web browsers to render web pages. WebKit powers Google Chrome and Apple Safari and by October 2011 held over 33% of the browser market share between them. It is also used as the basis for the experimental browser included with the Amazon Kindle ebook...	Presto Presto (layout engine) Presto is the layout engine for later versions of the Opera web browser . After several public betas and technical previews, it was released on January 28, 2003 in Opera 7 for Windows, and as of Opera 11 it is still in use. Presto is dynamic: the page or parts of it can be re-rendered in response...
Error state
`MediaError`			?
Network state
`src`	rowspan="7"	rowspan="3"	?	rowspan="3"
`currentSrc`
`networkState`
`preload`		rowspan="2"
`buffered`
`load`	rowspan="2"	rowspan="2"
`canPlayType`
Ready state
`readyState`	rowspan="2"	rowspan="2"	?	rowspan="2"
`seeking`			?
Playback state
`currentTime`	rowspan="13"		?	rowspan="4"
`startTime`
`duration`	rowspan="2"
`paused`
`defaultPlaybackRate`	rowspan="2"	rowspan="4"
`playbackRate`
`played`
`seekable`
`ended`	rowspan="2"	rowspan="5"
`autoplay`
`loop`
`play`	rowspan="2"
`pause`
Controls
`controls`	rowspan="3"	rowspan="3"	?	rowspan="3"
`volume`
`muted`

DOM events

Media elements introduce new events to handle conditions which apply only to those elements, such as pausing/resuming.

	Trident Trident (layout engine) Trident is the name of the layout engine for the Microsoft Windows version of Internet Explorer.It was first introduced with the release of Internet Explorer version 4.0 in October 1997; it has been steadily upgraded and remains in use today...	Gecko Gecko (layout engine) Gecko is a free and open source layout engine used in many applications developed by Mozilla Foundation and the Mozilla Corporation , as well as in many other open source software projects....	WebKit WebKit WebKit is a layout engine designed to allow web browsers to render web pages. WebKit powers Google Chrome and Apple Safari and by October 2011 held over 33% of the browser market share between them. It is also used as the basis for the experimental browser included with the Amazon Kindle ebook...	Presto Presto (layout engine) Presto is the layout engine for later versions of the Opera web browser . After several public betas and technical previews, it was released on January 28, 2003 in Opera 7 for Windows, and as of Opera 11 it is still in use. Presto is dynamic: the page or parts of it can be re-rendered in response...
`loadstart`	rowspan="22"	rowspan="2"	?	?
`progress`
`suspend`
`abort`	rowspan="3"
`error`
`emptied`
`stalled`
`play`	rowspan="5"
`pause`
`loadedmetadata`
`loadeddata`
`waiting`
`playing`
`canplay`	rowspan="9"
`canplaythrough`
`seeking`
`seeked`
`timeupdate`
`ended`
`ratechange`
`durationchange`
`volumechange`

Video format support

This table documents support for video codecs by the <video> element.

	Trident Trident (layout engine) Trident is the name of the layout engine for the Microsoft Windows version of Internet Explorer.It was first introduced with the release of Internet Explorer version 4.0 in October 1997; it has been steadily upgraded and remains in use today...	Gecko Gecko (layout engine) Gecko is a free and open source layout engine used in many applications developed by Mozilla Foundation and the Mozilla Corporation , as well as in many other open source software projects....	WebKit WebKit WebKit is a layout engine designed to allow web browsers to render web pages. WebKit powers Google Chrome and Apple Safari and by October 2011 held over 33% of the browser market share between them. It is also used as the basis for the experimental browser included with the Amazon Kindle ebook...	Presto Presto (layout engine) Presto is the layout engine for later versions of the Opera web browser . After several public betas and technical previews, it was released on January 28, 2003 in Opera 7 for Windows, and as of Opera 11 it is still in use. Presto is dynamic: the page or parts of it can be re-rendered in response...
Ogg Ogg Ogg is a free, open container format maintained by the Xiph.Org Foundation. The creators of the Ogg format state that it is unrestricted by software patents and is designed to provide for efficient streaming and manipulation of high quality digital multimedia.The Ogg container format can multiplex... Theora Theora Theora is a free lossy video compression format. It is developed by the Xiph.Org Foundation and distributed without licensing fees alongside their other free and open media projects, including the Vorbis audio format and the Ogg container....
H.264
WebM WebM WebM is an audio-video format designed to provide a royalty-free, open video compression format for use with HTML5 video. The project's development is sponsored by Google.... VP8 VP8 VP8 is an open video compression format released by Google, originally created by On2 Technologies.After purchasing On2 Technologies in early 2010, Google has provided an irrevocable patent promise for underlying patents for the VP8 format, and released a bitstream format specification under a...

Audio format support

This table documents support for audio codecs by the <audio> element.

	Trident Trident (layout engine) Trident is the name of the layout engine for the Microsoft Windows version of Internet Explorer.It was first introduced with the release of Internet Explorer version 4.0 in October 1997; it has been steadily upgraded and remains in use today...	Gecko Gecko (layout engine) Gecko is a free and open source layout engine used in many applications developed by Mozilla Foundation and the Mozilla Corporation , as well as in many other open source software projects....	WebKit WebKit WebKit is a layout engine designed to allow web browsers to render web pages. WebKit powers Google Chrome and Apple Safari and by October 2011 held over 33% of the browser market share between them. It is also used as the basis for the experimental browser included with the Amazon Kindle ebook...
Ogg Vorbis Vorbis Vorbis is a free software / open source project headed by the Xiph.Org Foundation . The project produces an audio format specification and software implementation for lossy audio compression...	rowspan="2"	rowspan="2"
WAV WAV Waveform Audio File Format , is a Microsoft and IBM audio file format standard for storing an audio bitstream on PCs... PCM	rowspan="3"
MP3 MP3 MPEG-1 or MPEG-2 Audio Layer III, more commonly referred to as MP3, is a patented digital audio encoding format using a form of lossy data compression...	rowspan="2"		rowspan="2"
AAC Advanced Audio Coding Advanced Audio Coding is a standardized, lossy compression and encoding scheme for digital audio. Designed to be the successor of the MP3 format, AAC generally achieves better sound quality than MP3 at similar bit rates....
Speex Speex Speex is a patent-free audio compression format designed for speech and also a free software speech codec that may be used on VoIP applications and podcasts. It is based on the CELP speech coding algorithm. Speex claims to be free of any patent restrictions and is licensed under the revised BSD...

External links

HTML5 - The Video Element