Professional Documents
Culture Documents
Bright Cove Whitepaper Html5
Bright Cove Whitepaper Html5
delivery, HTML5.
Contents
Why Now? 4
Conclusion 11
HTML5 Resources 12
Why Now?
The nearly ubiquitous state of rich, interactive content on These factors demonstrate just how much content on the
the Web has led us to a point of transition that inspired the Web has changed and matured from the static HTML Web
working group at the W3C standards body to reconsider the pages of the mid-to-late 1990s, when HTML standards were
fundamental language for expressing content on the Web. first widely adopted. Since then many tools and plug-ins have
popped up to support rich content behaviors on the Web
Video makes up the largest portion of traffic on the that were not described in early HTML syntax. As bandwidth
Internet today. Cisco predicted that global Internet video and processing power increased, heavier audio- and video-
traffic would surpass global peer-to-peer traffic by the based content experiences became more common, but a
end of 2010. Limelight also claims that video traffic online collection of proprietary standards emerged, most of which
accounts for up to 51% percent of all US traffic online. required unique plug-ins to “read” those different file types
not recognized by HTML.
Adoption of mobile browsing is on the rise, and video
is a big part of that browsing activity. More than 35% The ubiquity of video in Web and mobile browsing now
percent of US mobile subscribers have used their becomes the main driver for evolving the standards to
phone’s browser (comScore Nov 2010). Research from support the rich media experiences that have become so
Bytemobile suggests that video will take up 60% of all commonplace, so central to the Web. Standards bodies have
mobile data in 2011. called for a complete refresh of the way these elements are
expressed on the Web.
Mobile smartphones are gaining momentum, but the
market is fragmented. Apple’s iOS and Android are neck
and neck in smartphone platform market penetration, at
25% and 26%, respectively (comScore Nov 2010). More
importantly, the two platforms support different video
playback environments, the Android supporting Flash
and the iPhone and iPad only supporting H.264 codecs
with HTML5 markup.
Video 51%
Other
of Traffic
DNS Newsgroups
Email Peer to Peer
Telnet
FTP
Web
1995 2010
HTML5 is the new standard for structuring and presenting HTML5 aims to improve interoperability of Web experiences.
content of any kind on the World Wide Web. This is the first By making <video> syntax standard across all browsers,
major update to the standard from the W3C since HTML 4.01 publishers will be able to simplify and standardize playback
was last updated in 2000. HTML5 aims to make all features on for any device via the browser. HTML5 <video> tag removes
the Web interoperable, regardless of what operating system any need for plug-ins to drive rich media experiences on the
or browser you use to access the Web. Web. HTML5 makes media more “native” to the browser.
Most importantly is that HTML5 introduces unique syntax In theory, HTML5 aims to have the following impacts:
tags for multi-media assets, namely <video>, <audio>, and
<canvas>. We’ll be focusing on <video> here, but it’s important Curtail fragmentation of device/operating system specific
to understand that this collection of bandwidth intensive, rich- apps by allowing mobile Web scalability for all platforms
media assets addresses the most significant progress and and form factors.
change that has occurred on the Web over the last decade. In
HTML5 specifications, these multimedia assets are no longer Eliminate need for downloads and updates of proprietary
afterthoughts, requiring add-on plug-ins to support their plug-ins with open standards-based video playback.
playback. Instead, these assets are considered fundamental
elements of content expression on the Web! Speed up experiences: removing the need for plug-in on
start up will reduce load time for video watching.
While the standard has noble aims, HTML5 is far from being a And with Google Chrome’s recent announcement that they
be-all and end-all solution for interoperability on the Web, at do not plan to support native playback for H.264 codecs in
least for the time being. the <video> tag, this means that the video file that plays on
an iPhone will soon not be able to play on Chrome desktop
HTML5’s biggest claim is to remove the need for proprietary browsers unless wrapped (once again) in Flash plug-ins.
plug-ins to initiate playback on the Web. While that eliminates
one layer of expression between the video and the browser, it There are a lot of reasons that standards bodies haven’t
doesn’t actually simplify everything just yet. decided on a standard codec and container, the majority of
which is tied up in the issue of licensing fees for formats and
variance in quality. Though H.264/MPEG-4 is widely used for
A Standard without Standards its high quality, the fees that may be required for commercial
Why is that? Well, it’s because there’s no one standard set of use by the consortium of license holders known as MPEG
containers and codecs that works across every browser. So LA prevent it from being sanctioned wholeheartedly by the
with HTML5 we’ve removed one layer in the stack for video standards bodies that favor open (i.e. free) standards.
playback with native expression of the <video> tag, but we
don’t have a standard video file type to point to that will work
on any device and any browser that you read a Web page
with.
High Quality/
Efficiency
Let’s look at the browser/codec relationship grid as it stands
today:
Low Quality/
Native video format support Efficiency
We thought the same thing. In fact, we’ve always felt that way. Brightcove began supporting HTML5-friendly playback when
We’ve always believed in the mantra that online video should we first started encoding with H.264 codecs in anticipation of
“just work.” To that end, we’ve also believed that publishers the iPad and iPhone requirements of our biggest publishers.
producing content shouldn’t have to be the ones worrying Since then, we’ve introduced a number of features that make
about standards compatibility and fallback plans. In fact, supporting HTML5 video ridiculously easy (especially in
Brightcove aims to shield you from the fragmentation and contrast to that three-version fallback plan).
complexity of these emerging standards.
No-Sweat Encoding
So how to we do that? Let’s take a look:
You only need to upload one video source file to Brightcove to
serve video to all of these different codecs; no need to worry
about encoding three plus video formats for every HTML5
contingency.
Best Practices:
Source Files for HTML5 Video
with Brightcove
Content Protection: The HTML5 specification does If you are ready to get started with HTML5 video with
not cover or contemplate DRM to prevent content Brightcove, we’re including a few tips for optimizing HTML5
theft. The lack of content protection in the standards playback.
will add significant friction for major media companies
to deliver their content through HTML5 experiences.
HTML5 video tags work with the following: H.264 video
Without established standards for content protection, the
created with the MPEG4 codec, WebM video made with the
industry will be forced to rely on fragmented, proprietary
VP8 codec, or Ogg Theora video. H.264 and WebM offer
solutions.
better video quality, and WebM is open source.
In addition, you should make sure that your videos have one
or more lower bandwidth renditions that are suitable for
delivery over mobile networks. If your videos use Brightcove’s
default transcoding options, you are all set. Otherwise, you
want to make sure your videos include a rendition encoded in
H.264 baseline profile with a total bandwidth of approximately
256 kbps.
If you’ve read this far, hopefully we’ve given you a sense of the HTML5 is an exciting development in the history of rich-
potential for and current limitations of HTML5 standards. Let’s media content on the Web, and that’s why Brightcove is
dispel some of the misconceptions that have emerged from leading the way in supporting HTML5 video experiences
the buzz about HTML5: for our publishers. HTML5 is here to stay, but it is still in its
infancy. The Flash platform support more advanced, mature
Fiction: HTML5 kills Flash and plug-ins. interactions and integrations, and that’s why we believe
Fact: Though HTML5 standards aim to natively integrate it’s important for website owners to develop a strategy for
the media types that Flash came to support over the last utilizing both approaches.
decade, the fragmentation surrounding codecs and container
standards for video in the browser will push many publishers
to continue defaulting to Flash experiences that work almost
anywhere.
HTML5 Resources
If we’ve whet your appetite and you are eager to learn more,
here is a collection of some of the best resources we have
found to explain the state of HTML5 today, along with some
tools to help you get started supporting HTML5 video with
Brightcove.
Thumb Magazine
Time Inc.
Warehouse