Posts tagged ‘html5video.org’

December 9th, 2011

Webinar: Unifying the Flash and HTML5 Experiences – Is it time to go HTML5 first?

by Zohar Babin

With HTML5 approaching maturity and cross-industry implementation, and particularly in the light of Adobe’s recent announcement that they plan to stop supporting Flash for mobile devices, it is important to be ready and know where the wind blows. What should you know about HTML5 when creating media centric sites? How close are we to feature-parity with Flash?

Watch this 45 minutes webinar where our HTML5 experts take you through unifying look & feel across HTML5 and Flash, design advanced interactivity over video playback and creating more compelling and engaging video experiences. We’ll also cover the great benefits that HTML5 based video implementations will bring to Search Engine Optimization, analytics and audience measurement, and of-course the main pitfalls like content protection.

Click here to watch the webinar.

read more »

November 20th, 2011

The New York JavaScript & HTML5 Meetup

by Zohar Babin

About 2 weeks ago, we started the NYC Monthly JavaScript & HTML5 meetup. In little less than  a week, we’ve received an overwhelming response, with of over 200 members joining. The first meetup took place this past week at the Kaltura NYC office. [Register for the next one here].

read more »

November 10th, 2011

Is Flash Dead? The Age Of The Plugin-Less Web

by Zohar Babin

Many may have found the latest news rocking, shocking, or maybe as a “little too late”…

In case you didn’t follow the news yesterday, Danny Winokur, VP of Interactive Development at Adobe made the following announcement:

“We will no longer continue to develop Flash Player in the browser to work with new mobile device configurations (chipset, browser, OS version, etc.) following the upcoming release of Flash Player 11.1 for Android and BlackBerry PlayBook.”

It wasn’t very surprising then to see the surge of excited commentary from the HTML and Web Standards community and disappointment felt by avid Flash developers.

read more »

November 8th, 2011

HTML5 Video Library Update

by Zohar Babin

We’re happy to announce the deployment of version 1.5 of the Kaltura HTML5 Video Library. This  release includes a number of enhancements in the playlist handler, the addition of QUnit tests for many player features and many additional plugins. This blog post will give you a high level overview of all the changes. For more in-depth coverage follow the html5video.org wiki.

The Kaltura library update has been deployed to both .org and .com to enable html5 links provided to you by the KMC and to the html5.kaltura.org/js location. Its important that if you’re a Kaltura customer you contact your project manager or Kaltura support to update your script includes to the .com hosted version of the library. The .org location will continue to host the latest version of the library and is a good way to play around with new features, but is less recommend for production sites.

Continue reading for the full release notes on this Kaltura html5 video library update:

read more »

September 21st, 2011

Facebook Now Requires HTML5 and Fallback in Open Graph

by Zohar Babin

Remember the post about making Facebook understand and present the videos on your page?

Thanks to our dear reader Jon, we noticed Facebook has recently updated their Open Graph tags requirements to include HTML5 and non-Flash-non-HTML5 fallback video file links, otherwise, Facebook will not show your videos when users share them on their wall.

 

Originally Facebook accepted Flash Only

Previously, this is the minimal meta tags you’d have to use to have Facebook read the video in your page and present it on the wall when someone shares your page link.

 

Enter HTML5 and Direct Link Fallback

While FB supported html5 and video link for a while now, it seems that recently Facebook made it mandatory to support non-Flash environments. In addition to Flash, for FB to present your video now you’d have to include the following tags as well:

 

To be fully compatible with Facebook’s Open Graph

Add a few more meta tags and you’re fully compatible with all the Open Graph Specifications:

Find out more about these tags and their meaning in the Open Graph Specifications.

Try testing our about page in Facebook’s Open Graph Debug Tool.

 

What does our about page looks like now?

The following is a good reference example fully compatible with the Open Graph specs:

 

Using the Kaltura Platform

In addition to Facebook’s changes, and with Microsoft recently joining the list of companies to strongly advocate HTML5, announcing the new plug-in free Win8 & IE 10 (i.e. dropping official support for Flash), having an HTML5 based and standardized video streaming solution that delivers HTML5 and direct video streaming is increasingly becoming more important.

The above code took you through making Facebook show videos on wall posts. Below, I briefly discuss how to get the thumbnail and mp4 urls I used for the code.

- Using the Kaltura Management Console (KMC), upload the video:

- The uploaded video is then converted to mp4 and several other flavors (to support various other use cases):

- The URL to the mp4 file is then the following following:

 (make sure there are no special access control settings on it, otherwise Facebook will not be able to read the file).

Where {the id of the iPad flavor} is taken from the flavors list:

You can use any of the mp4 flavors, I used iPad since this will be the best format for most devices. If and when Facebook will add support for more flavors to be compatible with various device sizes and network speeds, we will be able to use the other flavors on the list, like we do using the Html5 Video Library.

- Finally, to get the URL for the thumbnail, use the Kaltura thumbnail API:


Big shutout to Jon for the heads up!
Let us know in the comments how you’re using this functionality or if you have any questions.

September 7th, 2011

The new Html5Video.org – Home for HTML5 Video

by Zohar Babin

We proudly introduce the new revamped Html5Video.org . The site is aiming to provide the entire HTML5 video community with ton of valuable information, comparisons between the different HTML5 media players available and everything a HTML5 developers need to know to create awesomely engaging HTML5 web video experiences! So step right into: http://html5video.org/


HTML5Video Site

read more »