Navigating HTML5 Video
HTML5 has quickly transitioned from an ad hoc standards process into a widely adopted and highly visible platform for delivering rich media web experiences. We will look at key developments that shaped the HTML5 platform and how HTML5 is playing an increasingly critical role in organizations' online media presence. We will also highlight many practical and technical resources to help navigate HTML5 video for use in your organization or software platform. And finally, we look at what developments we can expect in 2011.
HTML5, a Short History: Before Steve Jobs
Much has been said about Steve Jobs' "crusade" against Adobe as the primary mover of an entire online video industry toward reluctantly supporting a non-Flash platform. 事实上, the shift is part of a much broader industry transition toward commoditization of core web technologies that started before Jobs became one of its biggest advocates.
To understand the rapid adoption of HTML5, it's good to brush up on its history. 马克·皮尔格林的书 探究HTML5 offers some great insight. 总结, in 2004 at the W3C (World Wide Web Consortium) workshop on Web Applications and Compound Documents, Mozilla and 歌剧 jointly 概述了 their vision for future extension of HTML. The meeting established that the W3C was not going to put any resources into extending HTML.
As a consequence, a separate organization, WHATWG，有… 竞争的愿景 for the future of extending HTML was formed. This separate organization offered greater flexibility and an open process that was more agreeable to innovative evolution of the web application platform.
Among many other extensions to HTML, the video tag was proposed as part of the WHATWG efforts. 歌剧 was the first browser to ship experimental video tag support in November 2007. As HTML5 began to gain interest from the industry, the issue of a standard codec for the video tag became a highly contentious issue in the standard process. 另一个W3C研讨会， 网络视频, took place in December 2007. 在那里, open web video advocates argued that the HTML5 spec should specify a royalty-free baseline codec. 最终, all the involved parties could not agree on a single codec, so the HTML5 spec ended up being codec-agnostic. (更多的 detail about codecs can be found in the practical guides included in this article.)
2008年年中, 创作-together with the Mozilla Foundation, Yale Information Society Project, and Participatory Culture Foundation-founded the 开放视频联盟, which helps promote open standards for online video. The alliance hosts the annual Open Video Conference. 大约在这个时候, 创作 also began working on a project to develop open collaborative video tools for Wikipedia based on the emerging HTML5 video specification.
HTML5起步
2010年1月, YouTube began to support an HTML5 video player, as by this time all the major browsers except Internet Explorer were shipping HTML5 video support.
2010年5月, 谷歌 announced the WebM project with the aim of gaining industry support for a royalty-free codec for the HTML5 standard.
In April 2010, Steve Jobs published his thoughts on Flash in an 公开信, which served as a clear industry marker that supporting HTML5 was going to be critical for reaching the hugely popular iOS devices and, probably more than any other event, triggered industrywide uptake.
Around the same time, 微软 expressed its commitment to the HTML5 platform. A 微软 general manager later went on to say, "The future of the web is HTML5."
As a result, video platform providers reacted. Soon, many video platforms and video sharing sites began to flesh out their HTML5 support options.
创作了 Html5video.org, an industry resource for HTML5 video-related 信息 and home of 创作's open source collaboration with Wikimedia and Mozilla that delivers a robust, high-quality HTML5 library. 最后, 2010年末, Adobe announced its entrance into the HTML5 playing field with its HTML5 Video Player widget based on 创作's HTML5 library.
What did all these developments mean in terms of real-world adoption? 2010年1月, the percentage of online video that was available via HTML5 was about 10%. By October of the same year, 54% of online video was available in HTML5, according to a report by MeFeedia. In 2011, HTML5 adoption will be even more pervasive.
HTML5和Flash
One way of understanding the HTML5 platform is in terms of differentiation from the Flash Platform. Here are some of the major differences between the two:
- •单一供应商vs. many vendors-Within the Flash Platform, a single vendor (Adobe) controls the platform. 与HTML5, many different browser makers (Apple, 谷歌, Mozilla, 歌剧, 微软, and more) support the standard to varying degrees across numerous desktop browser versions. Each company also has a mobile version(s) of its browser along with other mobile vendors (BlackBerry, 棕榈, Nokia) with various software versions across devices and mobile network carriers; this makes for a huge compatibility matrix. 一方面，一方面, HTML5 makes for a complex platform, but on the other hand, it contributes to a fast pace of innovation with interest and investment from a wide range of powerful forces in the industry.
- • No DRM-Unlike with Flash or other media platforms, there are no cross-browser DRM solutions. 在那里 are tricks that make copying content slightly more difficult. But in general, HTML5 is not presently very good for restricted rights content. This is expected to improve during 2011 and into the future.
- • No fine-grain network controls-Currently, it's difficult to do network management on the client, and there is no cross-browser adaptive streaming solution. (Apple iOS devices do support Apple's HTTP 在线直播.)
- • Integrated solutions for advertising not as widely supported as in Flash-This is another area that is expected to greatly improve in 2011.
- • Generally not as easy to plug and play third-party components with player frameworks-在那里 is no top-down OSMF (Adobe's Open Source Media Framework) that makes it easy to adapt plug-ins to players.
- It's important to note that even given the above limitations, HTML5 has some advantages:
- • Combined with faster JavaScript engines, CSS3, and other features of modem browsers, rich interfaces can be built around HTML5 and can be leveraged across numerous platforms and devices.
- • Numerous open source JavaScript libraries have emerged to help bridge gaps in HTML5 implementations.
- • Forward-thinking content distribution companies such as Netflix have already started adopting HTML5 for their user interfaces and working to address the limitations of the video tag for distribution of their media content.
- • HTML5 is here to stay and continues to build huge industry momentum. It's hard to find an active browser vendor or mobile software platform that is not going to support HTML5.
相关文章
An explanation of HTML5 and HTML5 Video, 包括历史, 专利问题, and current use by Apple, 微软, 谷歌, Adobe, 和其他人.
2011年3月10日
Here's a list of 文章, 视频, 网站, and conferences that can help you better understand the issues surrounding the HTML5 Video tag, as well as the HTML5 specification in general.
2月25日
The world of HTML5 video is fragmented, but a recent webinar explains how content providers can best prepare for it.
1月19日
谷歌's attempt to clarify its decision to drop H.264 from Chrome in favor of WebM creates even more questions than it answers
1月17日
A look at best practices for HTML5 Video deployment
12月30日
Companies and Suppliers Mentioned