Jump to content

HTML video: Difference between revisions

From Wikipedia, the free encyclopedia
Content deleted Content added
→‎Browser support: Main article.
Actually, let's roll back all these changes until they've been completely discussed on Talk:HTML5 video#Table of browser support is misleading. The old notes are (in my opinion) more readable.
Line 60: Line 60:
! colspan="3" | Video format
! colspan="3" | Video format
|-
|-
! rowspan="2"| Browser
! Browser
! style="width: 25%;" | [[Ogg]] [[Theora]]
! rowspan="2"| Every format playable by given [[Multimedia_framework|backend]]
! style="width: 25%;" | [[H.264/MPEG-4 AVC]]
! colspan="2"| explicit additional format support
! style="width: 25%;" | Others
|-
|-
! | [[Ogg]] [[Theora]]
! [[Internet Explorer]]
| {{no}}{{#tag:ref|Indirectly possible if [[Google Chrome Frame]] is installed.<ref>{{citation |url=http://youtube-global.blogspot.com/2010/01/introducing-youtube-html5-supported.html |title=Introducing YouTube HTML5 Supported Videos |author=Kevin Carle and Chris Zacharias |publisher=Official YouTube Blog |date=2010-01-20 |accessdate=2010-03-12}}</ref><ref>{{citation |url=http://vimeo.com/blog:268 |title=Try our new HTML5 player! |first=Brad |last=Dougherty |publisher=Vimeo Staff Blog |date=2010-01-21 |accessdate=2010-03-12}}</ref>|group=note|name=chrome-frame}}
! | [[H.264/MPEG-4 AVC]]
| {{nightly|9.0}}<ref>{{citation |url=http://technologizer.com/2010/03/16/ie9-platform-preview/ |title=Microsoft Previews the Revamped Internet Explorer 9 Platform |first=Harry |last=McCracken |date=2010-03-16 |publisher=Technologizer}}</ref>
| ?
|-
|-
! [[Mozilla Firefox]]
! [[Mozilla Firefox]]
| {{no}}<ref>{{citation |title=Firefox feature request: use GStreamer|date=2008-03-12|publisher=Mozilla|url=https://bugzilla.mozilla.org/show_bug.cgi?id=422540|accessdate=2010-05-01}}</ref>
| {{yes|3.5}}<ref>{{citation |title=Mozilla Firefox 3.5 Release Notes |date=2009-06-30 |publisher=Mozilla |url=http://www.mozilla.com/en-US/firefox/3.5/releasenotes/ |accessdate=2010-02-15}}</ref>
| {{yes|3.5}}<ref>{{citation |title=Mozilla Firefox 3.5 Release Notes |date=2009-06-30 |publisher=Mozilla |url=http://www.mozilla.com/en-US/firefox/3.5/releasenotes/ |accessdate=2010-02-15}}</ref>
| {{no}}{{#tag:ref|Indirectly possible if [[IE Tab]] and [[Google Chrome Frame]] are installed.<ref>{{citation |url=http://lifehacker.com/5488607/can-i-play-html5-youtube-videos-in-firefox-right-now |title=Can I Play HTML5 YouTube Videos in Firefox Right Now? |date=2010-03-09 |publisher=[[Lifehacker]] |accessdate=2010-03-11}}</ref>|group=note}}
| {{no}}{{#tag:ref|Indirectly possible if [[IE Tab]] and [[Google Chrome Frame]] are installed.<ref>{{citation |url=http://lifehacker.com/5488607/can-i-play-html5-youtube-videos-in-firefox-right-now |title=Can I Play HTML5 YouTube Videos in Firefox Right Now? |date=2010-03-09 |publisher=[[Lifehacker]] |accessdate=2010-03-11}}</ref>|group=note}}
| ?
|-
|-
! [[Google Chrome]]
! [[Google Chrome]]
| ?
| {{yes|3.0}}<ref name="chrome">{{citation |url=http://googlechromereleases.blogspot.com/2009/09/stable-channel-update.html |title=Stable Channel Update |date=2009-09-15 |publisher=Google |accessdate=2010-02-15}}</ref>{{Failed verification|date=March 2010}}
| {{yes|3.0}}<ref name="chrome">{{citation |url=http://googlechromereleases.blogspot.com/2009/09/stable-channel-update.html |title=Stable Channel Update |date=2009-09-15 |publisher=Google |accessdate=2010-02-15}}</ref>{{Failed verification|date=March 2010}}
| {{yes|3.0}}<ref name="chrome"/>{{Failed verification|date=March 2010}}
| {{yes|3.0}}<ref name="chrome"/>{{Failed verification|date=March 2010}}
| ?
|-
! [[Safari (web browser)|Safari]]
| {{no}}{{#tag:ref|Unless [[XiphQT]] is installed.|group=note}}
| {{yes|3.1}}<ref>{{citation |url=http://support.apple.com/kb/TA25197 |title=About the Safari 3.1 Update |date=2008-03-17 |accessdate=2010-02-15}}</ref><ref>{{citation |url=http://www.macworld.com/article/139285/2009/03/safarihtml5.html |title=Apple shows off Safari’s HTML 5 support |first=Jim |last=Dalrymple |publisher=Macworld |date=2009-03-10 |accessdate=2010-03-13}}</ref>
| {{depends}}{{#tag:ref|Any format supported by [[QuickTime]] on OS X.<ref>{{citation |url=http://webkit.org/blog/140/html5-media-support/ |title=HTML5 Media Support |publisher=WebKit Open Source Project: Surfin' Safari |date=2007-11-12 |accessdate=2010-03-11}}</ref>|group=note}}
|-
|-
! [[Opera (web browser)|Opera]]
! [[Opera (web browser)|Opera]]
| {{depends}}{{#tag:ref|On Linux or FreeBSD, supports all formats supported by [[GStreamer]].<ref>{{citation |url=http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/ |title=Everything you need to know about HTML5 video and audio |date=March 10, 2010 |accessdate=2010-03-11 |publisher=Opera}}</ref>|group=note|name=opera-supported}} ([[GStreamer]])
| {{yes|10.50}}<ref>{{citation |url=http://my.opera.com/core/blog/2009/12/31/re-introducing-video |title=(re-)Introducing &lt;video&gt; - Official blog for Core developers at Opera |first=Philip |last=Jägenstedt |publisher=Opera |date=2009-12-31 |accessdate=2010-02-06}}</ref>
| {{yes|10.50}}<ref>{{citation |url=http://my.opera.com/core/blog/2009/12/31/re-introducing-video |title=(re-)Introducing &lt;video&gt; - Official blog for Core developers at Opera |first=Philip |last=Jägenstedt |publisher=Opera |date=2009-12-31 |accessdate=2010-02-06}}</ref>
| {{no}}{{#tag:ref|H.264 not a good idea for the web. <ref>{{citation | url=http://my.opera.com/haavard/blog/2010/02/04/h264-trickery}}</ref>}}
| {{depends}}{{#tag:ref|On Linux or FreeBSD, supports all formats supported by [[GStreamer]].<ref>{{citation |url=http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/ |title=Everything you need to know about HTML5 video and audio |date=March 10, 2010 |accessdate=2010-03-11 |publisher=Opera}}</ref>|group=note|name=opera-supported}}
| {{depends}}<ref group="note" name="opera-supported"/>
|-
|-
! [[Internet Explorer]]
! [[Konqueror]]
| {{yes|4.4}}<ref>{{citation |url=http://www.legendscrolls.co.uk/webstandards/khtml |title=KHTML Browsers including Konqueror |first=Peter |last=Davison |publisher=Legend Scrolls |date=2010-03-03 |accessdate=2010-03-12}}</ref>
| ?
| ?
| {{#tag:ref|Indirectly possible if [[Google Chrome Frame]] is installed.<ref>{{citation |url=http://youtube-global.blogspot.com/2010/01/introducing-youtube-html5-supported.html |title=Introducing YouTube HTML5 Supported Videos |author=Kevin Carle and Chris Zacharias |publisher=Official YouTube Blog |date=2010-01-20 |accessdate=2010-03-12}}</ref><ref>{{citation |url=http://vimeo.com/blog:268 |title=Try our new HTML5 player! |first=Brad |last=Dougherty |publisher=Vimeo Staff Blog |date=2010-01-21 |accessdate=2010-03-12}}</ref>|group=note|name=chrome-frame}}
| {{depends}}{{#tag:ref|Any format supported by [[Phonon]] on [[Qt (framework)|Qt]] 4.5.<ref>{{citation |url=http://labs.trolltech.com/blogs/2008/05/13/top-secret-hush-hush/ |title=Top Secret, Hush Hush! |first=Tor Arne |last=Vestbø |publisher=Nokia Corporation |date=2008-05-13 |accessdate=2010-03-14}}</ref>|group=note}}
| {{nightly|9.0}}<ref>{{citation |url=http://technologizer.com/2010/03/16/ie9-platform-preview/ |title=Microsoft Previews the Revamped Internet Explorer 9 Platform |first=Harry |last=McCracken |date=2010-03-16 |publisher=Technologizer}}</ref>
|-
! [[Safari (web browser)|Safari]]
| {{yes|3.1}}<ref>{{citation |url=http://webkit.org/blog/140/html5-media-support/ |title=HTML5 Media Support |publisher=WebKit Open Source Project: Surfin' Safari |date=2007-11-12 |accessdate=2010-03-11}}</ref><ref>{{citation |url=http://support.apple.com/kb/TA25197 |title=About the Safari 3.1 Update |date=2008-03-17 |accessdate=2010-02-15}}</ref><ref>{{citation |url=http://www.macworld.com/article/139285/2009/03/safarihtml5.html |title=Apple shows off Safari’s HTML 5 support |first=Jim |last=Dalrymple |publisher=Macworld |date=2009-03-10 |accessdate=2010-03-13}}</ref> ([[QuickTime]])
| with QuickTime and [[XiphQT]]
| with QuickTime
|-
! [[Konqueror]]
| {{yes|4.4}}<ref>{{citation |url=http://labs.trolltech.com/blogs/2008/05/13/top-secret-hush-hush/ |title=Top Secret, Hush Hush! |first=Tor Arne |last=Vestbø |publisher=Nokia Corporation |date=2008-05-13 |accessdate=2010-03-14}}</ref><ref>{{citation |url=http://www.legendscrolls.co.uk/webstandards/khtml |title=KHTML Browsers including Konqueror |first=Peter |last=Davison |publisher=Legend Scrolls |date=2010-03-03 |accessdate=2010-03-12}}</ref> ([[Phonon_(KDE)|Phonon]])
| {{#tag:ref|Theora support on GNU/Linux can safely be assumed (as of may 2010). Free software applications need this codec, therefore it gets compiled into GStreamer, Phonon and FFmpeg.|group=note|name=theora-implicit}}
|
|-
|-
! [[Epiphany (web browser)|Epiphany]]
! [[Epiphany (web browser)|Epiphany]]
| {{yes|2.28}}{{#tag:ref|Any format supported by [[GStreamer]] on Webkit/GTK+ builds of Epiphany.<ref name="epiphany">{{citation |url=http://www.atoker.com/blog/2007/12/08/html5-media-support-with-gstreamer/ |title=HTML5 media support with GStreamer |first=Alp |last=Toker |date=2007-12-08 |accessdate=2010-03-12}}</ref>|group=note}} ([[GStreamer]])
| {{yes|2.28}}<ref name="epiphany">{{citation |url=http://www.atoker.com/blog/2007/12/08/html5-media-support-with-gstreamer/ |title=HTML5 media support with GStreamer |first=Alp |last=Toker |date=2007-12-08 |accessdate=2010-03-12}}</ref>
| ?
| {{depends}}{{#tag:ref|Any format supported by [[GStreamer]] on Webkit/GTK+ builds of Epiphany.<ref name="epiphany"/>|group=note}}
| <ref group="note" name="theora-implicit"/>
|
|-
|-
! [[Origyn Web Browser]]
! [[Origyn Web Browser]]
| {{yes|OWB 1.7 for [[MorphOS]]}}
| {{yes|1.7 for [[MorphOS]]}}<ref>{{citation |title=Origyn Web Browser for MorphOS |url=http://fabportnawak.free.fr/owb/ |publisher=Fabian Coeurjoly |accessdate=2010-01-04}}</ref><ref>{{citation |title=Origyn Web Browser 1.7 Supports HTML5 Media, More |url=http://www.osnews.com/story/22971/Origyn_Web_Browser_1_7_Supports_HTML5_Media_More |publisher=OSNews |first=Thom |last=Holwerda |date=2010-03-08 |accessdate=2010-03-08}}</ref> ([[FFmpeg]])
| {{yes|OWB 1.7 for MorphOS}}
|
| {{depends}}{{#tag:ref|Any format supported by [[FFmpeg]] on 1.7 version for MorphOS.<ref>{{citation |title=Origyn Web Browser for MorphOS |url=http://fabportnawak.free.fr/owb/ |publisher=Fabian Coeurjoly |accessdate=2010-01-04}}</ref><ref>{{citation |title=Origyn Web Browser 1.7 Supports HTML5 Media, More |url=http://www.osnews.com/story/22971/Origyn_Web_Browser_1_7_Supports_HTML5_Media_More |publisher=OSNews |first=Thom |last=Holwerda |date=2010-03-08 |accessdate=2010-03-08}}</ref>|group=note}}
|
|-
|-
|}
|}


In cases where decoders are not built into the browser, the format support will be dictated by the [[multimedia framework]] of the operating system. Consequently, browser support for multimedia formats are influenced by the problem that [[DirectShow]] and [[QuickTime]] does not support free formats like Theora by default, whereas [[GStreamer]] and [[Phonon (KDE)|Phonon]] cannot safely support other than free formats by default on the free operating systems that they are intended to run on.
* The empty table elements indicate dependence on backend. Note that the 3 uppermost browsers, which are true multiplatform browsers, have builtin decoders for specific formats, while browsers targeting mainly one operating system rely on backends.

* The backends [[DirectShow]] and [[QuickTime]] does not support free formats like Theora by default (as of may 2010), whereas [[GStreamer]] and [[Phonon_(KDE)|Phonon]] cannot safely support other than free formats by default on the free operating systems that they are intended to run on. While this incompatibility obviously impacts browsers that use backends, it is not a factual property of the browsers, since the user may install arbitrary codecs. Such normative information is omitted in this table.


==Usage==
==Usage==

Revision as of 23:07, 1 May 2010

The HTML5 video tag is a markup language tag introduced in HTML5 draft specification, adding support for embedding video in an HTML page.

As of April 2010, Adobe Flash Player was widely used to embed video on web sites such as YouTube, since the majority of web browsers had Adobe's Flash Player installed (with controversial exceptions such as the browser on the Apple iPhone and iPad). HTML5 video is intended by its creators to become the new standard way to show video online, but has been hampered by lack of agreement as to which video formats should be supported in the video tag.

Example

The following HTML5 code fragment will embed the Theora video in a web page.

<video src="movie.ogv" controls="controls">
your browser does not support the video tag
</video>

Supported video formats

The current HTML5 draft specification does not specify which video formats browsers should support in the video tag. User agents are free to support any video formats they feel are appropriate.

Default video format debate

It is desirable to specify at least one video format which all user agents (browsers) should support. The ideal format should[according to whom?]:

  • Have good compression, good image quality, and low decode processor use.
  • Be royalty-free.
  • In addition to software decoders, a hardware video decoder should exist for the format, as many embedded processors do not have the performance to decode video.

Initially, Ogg Theora was the recommended standard video format in HTML5, because it was not affected by any known patents. But on December 10, 2007, the HTML5 specification was updated,[1] replacing the reference to concrete formats:

User agents should support Theora video and Vorbis audio, as well as the Ogg container format.

with a placeholder:[2]

It would be helpful for interoperability if all browsers could support the same codecs. However, there are no known codecs that satisfy all the current players: we need a codec that is known to not require per-unit or per-distributor licensing, that is compatible with the open source development model, that is of sufficient quality as to be usable, and that is not an additional submarine patent risk for large companies. This is an ongoing issue and this section will be updated once more information is available.[3]

Although Theora is not affected by known patents, companies such as Apple and (reportedly) Nokia are concerned about unknown patents that might affect it, whose owners might be waiting for a corporation with deep pockets to use the format before suing.[4][5] Formats like H.264 might also be subject to unknown patents in principle, but they have been deployed much more widely and so it is presumed that any patent-holders would have already sued someone. Apple has also opposed requiring Ogg format support in the HTML standard (even as a "should" requirement) on the grounds that some devices might support other formats much more easily, and that HTML has historically not required particular formats for anything.[5]

Some web developers criticized the removal of the Ogg formats from the specification.[6][7][8] A follow-up discussion also occurred on the W3C questions and answers blog.[9]

H.264/MPEG-4 AVC is widely used, and has good speed, compression, hardware decoders, and video quality, but is covered by patents.[10] Except in particular cases, users of H.264 have to pay licensing fees to the MPEG LA, a group of patent-holders including Microsoft and Apple.[11] As a result, it has not been considered as a required default codec.

Google's acquisition of On2 will reportedly result in the open-sourcing of On2's proprietary codec, VP8, which would make it a possible option for HTML5 video.[12] Alternatively, rather than an open source license, which entitles users to also acquire the source code, Google may instead offer the codec royalty-free.[13]

Browser support

Video format
Browser Ogg Theora H.264/MPEG-4 AVC Others
Internet Explorer No[note 1] 9.0[16] ?
Mozilla Firefox 3.5[17] No[note 2] ?
Google Chrome 3.0[19][failed verification] 3.0[19][failed verification] ?
Safari No[note 3] 3.1[20][21] Depends[note 4]
Opera 10.50[23] Depends[note 5] Depends[note 5]
Konqueror 4.4[25] ? Depends[note 6]
Epiphany 2.28[27] ? Depends[note 7]
Origyn Web Browser OWB 1.7 for MorphOS OWB 1.7 for MorphOS Depends[note 8]

In cases where decoders are not built into the browser, the format support will be dictated by the multimedia framework of the operating system. Consequently, browser support for multimedia formats are influenced by the problem that DirectShow and QuickTime does not support free formats like Theora by default, whereas GStreamer and Phonon cannot safely support other than free formats by default on the free operating systems that they are intended to run on.

Usage

As of February 2010, HTML5 video is not currently as widespread as Flash videos, though recent rollouts of experimental HTML5-based video players from DailyMotion[30] (using Ogg Theora and Vorbis format), YouTube[31] and Vimeo[32] (using the H.264 format) suggest that interest in adopting HTML5 video is increasing.

As of April 2010, in the wake of Apple iPad launch, a number of high-profile sites have started to serve HTML5 video instead of Flash for user-agents identifying as iPad.[33]

Notes

  1. ^ Indirectly possible if Google Chrome Frame is installed.[14][15]
  2. ^ Indirectly possible if IE Tab and Google Chrome Frame are installed.[18]
  3. ^ Unless XiphQT is installed.
  4. ^ Any format supported by QuickTime on OS X.[22]
  5. ^ a b On Linux or FreeBSD, supports all formats supported by GStreamer.[24]
  6. ^ Any format supported by Phonon on Qt 4.5.[26]
  7. ^ Any format supported by GStreamer on Webkit/GTK+ builds of Epiphany.[27]
  8. ^ Any format supported by FFmpeg on 1.7 version for MorphOS.[28][29]

References

  1. ^ Hickson, Ian (10 December 2007). "[whatwg] Video codec requirements changed". whatwg mailing list (Mailing list). Retrieved 2008-02-25. {{cite mailing list}}: Unknown parameter |mailinglist= ignored (|mailing-list= suggested) (help)
  2. ^ "(X)HTML5 Tracking". HTML5.org. Retrieved 2009-06-23.
  3. ^ "[whatwg] Removal of Ogg is *preposterous*". WHATWG (Mailing list). Lists.whatwg.org. 11 December. Retrieved 2009-08-25. {{cite mailing list}}: Check date values in: |date= (help); Unknown parameter |mailinglist= ignored (|mailing-list= suggested) (help)
  4. ^ Hickson, Ian (2007-12-11). "Re: [whatwg] Removal of Ogg is *preposterous*". whatwg mailing list (Mailing list). Retrieved 2008-02-25. {{cite mailing list}}: Unknown parameter |mailinglist= ignored (|mailing-list= suggested) (help)
  5. ^ a b Stachowiak, Maciej (21 March 2007). "[whatwg] Codecs (was Re: Apple Proposal for Timed Media Elements)". whatwg mailing list (Mailing list). Retrieved 2008-02-25. {{cite mailing list}}: Unknown parameter |mailinglist= ignored (|mailing-list= suggested) (help)
  6. ^ "The Attack Against Ogg Theora or: How I Learned to Stop Worrying and Love the Proprietary Web". Metavid. 11 December 2007. Archived from the original on 23 June 2009. Retrieved 2009-06-30.
  7. ^ "rudd-o.com". rudd-o.com. 2007-12-11. Retrieved 2009-06-30.
  8. ^ "Abbadingo » Blog » Removal of Ogg Vorbis and Theora from HTML 5: an outrageous disaster". Delcorp.org. 2007-12-12. Retrieved 2009-06-30.
  9. ^ Connolly, Dan (December 18, 2007). "When will HTML 5 support <video>? Sooner if you help". W3C. Retrieved 2009-06-23.
  10. ^ AVC/H.264 Patent List (PDF), MPEG LA, 2010-02-01
  11. ^ AVC/H.264 Licensors, MPEG LA
  12. ^ Lawler, Ryan (2010-04-12), Google to Open-source VP8 for HTML5 Video, The GigaOM Network
  13. ^ Fulton, III, Scott M. (2010-04-15), Google may face legal challenges if it open-sources VP8 codec, betanews
  14. ^ Kevin Carle and Chris Zacharias (2010-01-20), Introducing YouTube HTML5 Supported Videos, Official YouTube Blog, retrieved 2010-03-12
  15. ^ Dougherty, Brad (2010-01-21), Try our new HTML5 player!, Vimeo Staff Blog, retrieved 2010-03-12
  16. ^ McCracken, Harry (2010-03-16), Microsoft Previews the Revamped Internet Explorer 9 Platform, Technologizer
  17. ^ Mozilla Firefox 3.5 Release Notes, Mozilla, 2009-06-30, retrieved 2010-02-15
  18. ^ Can I Play HTML5 YouTube Videos in Firefox Right Now?, Lifehacker, 2010-03-09, retrieved 2010-03-11
  19. ^ a b Stable Channel Update, Google, 2009-09-15, retrieved 2010-02-15
  20. ^ About the Safari 3.1 Update, 2008-03-17, retrieved 2010-02-15
  21. ^ Dalrymple, Jim (2009-03-10), Apple shows off Safari’s HTML 5 support, Macworld, retrieved 2010-03-13
  22. ^ HTML5 Media Support, WebKit Open Source Project: Surfin' Safari, 2007-11-12, retrieved 2010-03-11
  23. ^ Jägenstedt, Philip (2009-12-31), (re-)Introducing <video> - Official blog for Core developers at Opera, Opera, retrieved 2010-02-06
  24. ^ Everything you need to know about HTML5 video and audio, Opera, March 10, 2010, retrieved 2010-03-11
  25. ^ Davison, Peter (2010-03-03), KHTML Browsers including Konqueror, Legend Scrolls, retrieved 2010-03-12
  26. ^ Vestbø, Tor Arne (2008-05-13), Top Secret, Hush Hush!, Nokia Corporation, retrieved 2010-03-14
  27. ^ a b Toker, Alp (2007-12-08), HTML5 media support with GStreamer, retrieved 2010-03-12
  28. ^ Origyn Web Browser for MorphOS, Fabian Coeurjoly, retrieved 2010-01-04
  29. ^ Holwerda, Thom (2010-03-08), Origyn Web Browser 1.7 Supports HTML5 Media, More, OSNews, retrieved 2010-03-08
  30. ^ "Watch Video…without Flash". Dailymotion. 2009-05-27. Retrieved 2010-03-07.
  31. ^ Carle, Kevin; Zacharias, Chris (2010-01-20). "Introducing YouTube HTML5 Supported Videos". Youtube. Retrieved 2010-03-07.
  32. ^ Dougherty, Brad (2010-01-21). "Try our new HTML5 player!". Vimeo. Retrieved 2010-03-07.
  33. ^ "iPad-ready websites". Apple, Inc. Retrieved 2010-04-05.

External links