- Onlinevideo.net – Online Video Strategies, Platforms, News, and Tips - http://www.onlinevideo.net -

Build Your Own HTML5 Player: Here’s How

Posted By Troy Dreier On September 21, 2012 @ 3:33 pm In Video Essentials | No Comments

It’s the future, so get on board. HTML5 video is taking over from Flash, and companies need to know how to create a custom HTML5 player.

Learn from the best: at the recent Streaming Media East conference in New York City, Steve Heffernan, creator of the widely used VideoJS player [1], explained how to build an HTML5 player from scratch. Heffernan started by explaining the evolution of online video.

“Someday I do see HTML5 video as being the primary playback technology for video on the web and mobile devices. We started with — early on in video we had to support multiple plug-ins, like RealPlayer and QuickTime to get all of our viewers to be able to see the video,” said Heffernan. “Then Flash came on the scene and we had that one plug-in that we could use to reach the majority of our users, which was awesome.”

Plug-ins are still used, but their time is ending.

“Now, what’s happening is we’re moving away from the need for plug-ins. The browsers have basically agreed on the right way to provide video in a browser, and they’re building that ability right into the browsers. So, what you’re going to have is the next generation of web developers who are all learning HTML and JavaScript, they’re going to default to that as their first resort for playing video in the browser,” continued Heffernan. “But, I do see Flash sticking around. There’s still a number of use cases where Flash can be beneficial, especially right now where HTML5 is limited in areas like DRM and things like that.”

To watch the full lesson, click the video below. Be sure to download a PDF of Heffernan’s presentation [2].



Article printed from Onlinevideo.net – Online Video Strategies, Platforms, News, and Tips: http://www.onlinevideo.net

URL to article: http://www.onlinevideo.net/2012/09/build-your-own-html5-player-heres-how/

URLs in this post:

[1] VideoJS player: http://videojs.com/

[2] download a PDF of Heffernan’s presentation: http://conferences.infotoday.com/documents/149/SMEast2012-BuildingHTML5.pdf

[3] Switching to HTML5 Video? Don't Forget About Flash: http://www.onlinevideo.net/2013/02/switching-to-html5-video-dont-forget-about-flash/

[4] The ABCs of HTML5: What You Need to Know: http://www.onlinevideo.net/2012/11/the-abcs-of-html5-what-you-need-to-know/

[5] How to Produce HTML5 Video: http://www.onlinevideo.net/2012/09/how-to-produce-html5-video/

[6] Make Your Videos Playable Everywhere: Flash and HTML5 Explained: http://www.onlinevideo.net/2012/08/make-your-videos-playable-everywhere-flash-and-html5-explained/

[7] Thinking About HTML5 Video? Most Browsers Play It, Says Report: http://www.onlinevideo.net/2012/04/thinking-about-html5-video-most-browsers-play-it-says-report/

Copyright © 2009 OnlineVideo.net. All rights reserved.