RIP Flash: Why HTML5 will finally take over video and the Web this year

Erika Trautman is the CEO of Rapt Media.

Cassette tapes, 8-tracks, and … Flash. All three of these mediums need a player to work, and all three mediums are either dead or dying. Just as CDs replaced tapes as a more efficient means of playing music, and digital files replaced CDs to do the same, HTML5 is making Flash obsolete.

The HTML5 versus Flash debate has been a hot topic among Web developers for years – and even more so since Steve Jobs published his now infamous 2010 letter touting HTML5 as the future and Flash as “no longer necessary.” But whether you side with Flash or HTML5, there’s no denying that the implications of HTML5 on video and the Web are real.

For online video, HTML5 offers two things Flash does not: mobile capabilities and semantic markup. The growth of mobile engagement; the rise of Interactive Video for entertainment, advertising and shopping; and HTML5’s open structure all combine to create the future of an HTML5-based Web, leaving Flash to eventually shuffle into its place in the Retired Tech Hall of Fame (make some room Windows XP, Palm Treo).

Mobile killed the Flash star

Since HTML5’s introduction, mobile has been touted as one of the publishing language’s largest advantages. And since iOS and many Android devices don’t support Flash, Flash is bound to PCs – a market which, according to Gartner, saw a 10 percent decline in shipments in 2013 from 2012.

The 💜 of EU tech

The latest rumblings from the EU tech scene, a story from our wise ol' founder Boris, and some questionable AI art. It's free, every week, in your inbox. Sign up now!

According to IAB.net, nearly half of the U.S. population has a mobile phone with Internet access, and one in five page views on the Web happen on a mobile device.

Those numbers will continue to grow each month, and companies making Flash-based Interactive Videos are missing out on a huge audience by not enabling their videos to run on mobile devices.

Let’s take Bob Dylan’s fantastically entertaining “Like a Rolling Stone” Interactive Video that launched in November. Millions of PC viewers clicked with joy within the video’s TV-like interface.

However, users trying to open the video on their phone or tablet had a less enjoyable experience: Android users got a video teaser and a message to experience the full video on their desktop computer, and the site directed iOS users to download an app – neither option allowing for playback on their phone or tablet’s Web browser.

If one in five page views are happening on mobile, that’s one out of five people having to deal with a broken user experience when they go to the video site on a mobile device.

Those in the advertising, shopping, and enterprise industries are also beginning to focus their attention on mobile’s importance, as well as on Flash’s limitations with online video.

A recent open letter to advertisers by the Interactive Advertising Bureau – and signed by several major publishers and ad firms, including AOL, Conde Nast, Forbes, Google, The New York Times, Time Inc. and the Wall Street Journal – urges marketers to implement the HTML5 standard for their mobile ads so that they can run on different platforms. The letter states that to guarantee the paid ads “actually appear and look great on all screens,” ads should be developed in a mobile-compatible format.

“And the one open, industry-standard, universal format for building mobile-ready creative is HTML5,” the letter says.

In Sizmek’s annual Global Benchmark Report, “Breaking Boundaries: Engagement Gone Global,” the shift towards more mobile friendly formats using HTML5 is emphasized as one of the most important changes in digital advertising during 2013.

The report, which reveals key trends in digital advertising from more than 913 billion ad impressions worldwide for 2013, says to “expect engagement rates for HTML5 to increase in 2014 as the industry adopts rigorous creative and publishing standards that ensure seamless multiscreen delivery.”

Not only is the ability to play ads on all platforms crucial for major publishers, it’s also imperative that once the viewer clicks on the ad, they’re able to actually buy the product without any issue. This isn’t always the case, however, because Flash-based sites limit what can be done on mobile devices.

In a recent frustrating online shopping experience, our VP of Marketing attempted to find a vacuum cleaner on Amazon using his iPad. Ready to spend upwards of $400, the product video he tried playing stopped him in his tracks when it wouldn’t open due to missing Flash plugins. This is a huge missed opportunity for Amazon.

So why aren’t all of Amazon’s videos using HTML5?

Sure, it might be that developers are still catching up to the new standard. There’s also no denying that it has historically been much easier for developers to build in Flash than in HTML5.

A digital shift

A recent Forrester report entitled “Improving Enterprise Mobility: Meeting Next-Generation Demands of Development, Delivery, and Engagement,” says building apps in HTML5 takes more time than planned 59 percent of the time. That’s largely due to testing and fixing issues in non-native responsive frameworks.

HTML5 isn’t perfect; it’s still in its early years. Fortunately, talented companies are focusing on solving those problems for you – doing the work with a SaaS platform so you can just concentrate on the creative.

However, that’s not stopping enterprise and game developers. In a recent report from Sencha, a provider of open-source Web application frameworks, more than 60 percent of business application developers have converted to HTML5 and hybrid development of their key projects, and more than 70 percent of HTML5/hybrid developers are using HTML5 more this year than last.

Mobile video isn’t the only culprit 

In the gaming industry, HTML5-based games are on the rise. Holland-based Spil Games is just one publisher taking the HTML5 path. The company plans to publish more than 1,000 HTML5 games by the end of the year.

Spil Games already has 5,000 Flash games published on the Web, but that’s 5,000 games in its library that won’t work on tablets or phones.

According to Digital Buzz Blog, 32 percent of time spent on iOS and Android devices is spent playing games. With HTML5, developers can create games that can work on all devices. Just look at some of the awesome stuff Google created with its Google Chrome Experiments (all built in HTML5 and JavaScript using open Web technologies such as Canvas, WebGL and WebRTC).

And the nail in the Flash coffin award goes to… SEO

While mobile is the most obvious advantage of HTML5 over Flash, there’s a feature that lies in semantic structure that’s just as important and especially powerful for Interactive Videos based on HTML5. Web crawlers and search engines can’t see inside of Flash, which is a completely closed container, and they’ll never be able to.

Why does that matter? With the semantic structure of Interactive Video, you can build projects using HTML5 that have multiple interrelated pieces that Web crawlers know how to understand. But with Flash, you’re getting a black box that, when crawled, shows up as just a Flash video without any extra information.

Let’s take a look at another recent interactive music video, the 24-hour-long, HTML5-based project for Pharrell Williams’ “Happy.” The video, which allows viewers to interact and jump between 24 hours worth of footage of happy dancers lip-synching to Pharrell’s song, is a beautiful example of the powerful and immersive projects you can create with HTML5.

There’s a new dancer or group of dancers every four minutes, totaling 360 clips – 24 of which include Pharrell himself. In addition to Pharrell’s appearances, there are also cameos by the likes of Steve Carell, Jamie Foxx, Magic Johnson, Kelly Osborne and more.

The video is really impressive, but it missed an opportunity by not building on a semantic structure. Had it been built correctly, each of the 360 videos would refer to that single Web page, making it possible for viewers to do things like search on Google for the clip of Jamie Foxx and his family. Without watching the entire video, you might not find these “Easter eggs” without knowing their exact time stamps.

Building the video on a semantic structure would’ve allowed Web bots to crawl each distinctive video clip as its own page. The video could have title tags and all the information you’d expect from a standard Web page (H1 tags, meta info, etc.), which would allow bots to read the single video as 360 individual Web pages with discrete content, resulting in higher-ranking search results.

Content creators who aren’t building HTML5 videos are already behind, and they’ll soon be left completely in the dust if they don’t implement the HTML5 Web publishing language soon. However, the good news for brands and content creators is that there are companies focused on delivering all the benefits of HTML5 without any of the technical challenge or complication.

Those who still think Flash is the way to go for online video will likely be changing their tune in the near future as mobile usage continues to skyrocket and HTML5 gets closer to becoming the universal format for creating mobile-ready creative projects.