BT

YouTube Switches to HTML5 Video Player

| by David Iffland Follow 4 Followers on Jan 29, 2015. Estimated reading time: 2 minutes |

YouTube launched their experimental HTML5 video player in January 2010. After five years of working with other browser vendors and the community, they announced that HTML5 videos are now served by default for certain browsers, casting aside the previous Adobe Flash video player.

In a blog post, YouTube Engineering Manager Richard Leider said that Adaptive Bitrate (ABR) technology support was a key factor to their decision:

Adaptive Bitrate (ABR) streaming is critical for providing a quality video experience for viewers - allowing us to quickly and seamlessly adjust resolution and bitrate in the face of changing network conditions.

The ABR in question is Dynamic Adaptive Streaming over HTTP, known as MPEG-DASH. According to Ross Gardler of Microsoft Open Technologies, MPEG-DASH reduces the need for buffering:

With MPEG-DASH, the video stream will automatically drop to a lower definition when the network becomes congested. This reduces the likelihood of the viewer seeing a "paused" video while the player downloads the next few seconds to play (aka buffering). As network congestion reduces, the video player will in turn return to a higher quality stream.

Indeed, Leider says that "ABR has reduced buffering by more than 50 percent globally and as much as 80 percent on heavily-congested networks." In a 2014 interview, Leider said that "YouTube playback uses DASH on TVs, game consoles, set-top boxes, Chromecast, desktop browsers, mobile web, [and] mobile handsets."

MPEG-DASH playback is available in browsers that support the W3C Media Source Extensions (MSE), which is why the YouTube HTML5 player switch is limited to Chrome, IE 11, Safari 8, and some beta versions of Firefox. According to the specification, MSE "allows JavaScript to dynamically construct media streams for <audio> and <video>. It defines objects that allow JavaScript to pass media segments." Web developers can create their own DASH enabled video players by using the dash.js reference implementation.

Other video providers are at different stages in their HTML5 support. Vimeo switched to a default HTML5 player in January 2014 and Netflix uses an HTML5 video player on IE11 and Safari on Yosemite. Others, like the BBC, have only implemented HTML5 video on platforms like Apple's iOS, where Flash has never been available.

Until now, YouTube let users opt-in to use the HTML5 player as long as the browser supported it. Now, users visiting that page on a compliant browser will see that "the HTML5 player is currently used when possible." This change will dramatically reduce the amount of time the Flash based player is used and moves Flash closer to irrelevance.

YouTube recommends developers use the <iframe> API for embedding videos.

Rate this Article

Adoption Stage
Style

Hello stranger!

You need to Register an InfoQ account or or login to post comments. But there's so much more behind being registered.

Get the most out of the InfoQ experience.

Tell us what you think

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

Great move for the MPEG-DASH standard by stefan Lederer

YouTube and Netflix are using DASH as their default delivery method, this means that the biggest two single source of traffic are using the new method. This also means that other service providers have to catch up with this new quality of streaming. One can fine great examples of MPEG-DASH working in reality as well as the interesting use cases at www.dash-player.com/demo or at www.bitcodin.com

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

1 Discuss

Login to InfoQ to interact with what matters most to you.


Recover your password...

Follow

Follow your favorite topics and editors

Quick overview of most important highlights in the industry and on the site.

Like

More signal, less noise

Build your own feed by choosing topics you want to read about and editors you want to hear from.

Notifications

Stay up-to-date

Set up your notifications and don't miss out on content that matters to you

BT