vzaar - The professional video platform blog Min vzaar site
vzaar is an online video hosting service with fantastic features that are designed for business. Deliver to mobile or the web straight from your site.
 

Archive for API

Want to capture more leads from your videos? If you're a MailChimp user, you may already be taking advantage of our full MailChimp video integration, which makes it easy to collect viewers' email addresses at the end of a video. But if you're not a MailChimp user, you're not left out!  You can still use JavaScript API to add an email capture to your videos.  In fact, with the API not only can you add a capture form, you can trigger it to appear at any point during your video. This way you can reel viewers in and then ask for their contact details, say, 5 seconds in, before they can watch the rest of your content.  It's a quick and easy way to capture new leads.

I've created a mockup of this in our demo area—head on over there to check it out before I go into more detail. I've used some nifty CSS3 transitions courtesy of Daniel Eden so this will look way better on a modern browser such as Chrome, Safari, or Firefox. This will be more of an overview than a tutorial, but I've commented the source code in the demo area if you're wondering about any particular step.

1) Embed the video

This is probably an obvious step, but don't forget you need to use our HTML embed code and make sure you have apiOn=true in the flashvars.

2) Add your DIVs

I added two divs above the video: one containing the form, and another empty one which will be the semi-transparent overlay that will cover the video. At this stage you can line everything up before you hide it with CSS or jQuery.

3) Set the timer

Now it's time to fire up the API. Here we locate the video, and set off a timer.

function vzaarPlayerReady() {
  vzPlayer = document.getElementById("video");
  intVal = window.setInterval( "checkTime()", 500 );
}
In the checkTime() function we use vzPlayer.getTime() to check once the timer's gone over 5 seconds, and then set off the chain of events that follow. In a nutshell, here's what happens at that point: 1. Call vzPlayer.pause(); to stop the video. 2. Fade in the overlay div to obscure the video. 3. Do the fancy CSS3 transition that brings up our capture form.

4) Capture those emails

There is no Step 4. At least not in my demo, because I'm not capturing your email addresses. That would be wrong. The missing step here would be an AJAX call that validates and sends the info to your database. I won't go into it, but you can find a great tutorial at net tuts.

5) Clean up

We've got their info now, so it's just a matter of hiding the form and overlay - with typical panache, of course - and then sending them on their merry way with a call to vzPlayer.play2(); so that they can see the rest of your video.

Wrapping up

So, there we go!  A brief overview of harnessing the vzaar JavaScript API to rally your viewers into action. Of course, you could do anything with the form you liked: maybe ask them to rate the video, or capture more detailed information than just name and email.

As an addendum, I should mention that this trick is designed to be used primarily for capturing leads, not securing your videos .   There are ways for tech savvy folks to get around the email capture, so I wouldn't recommend using this technique alone to gate your video content, but when used as a marketing tactic you have nothing to lose and tons of qualified leads to gain!

Categories Video Management
Comments (0)

Click to download on the app store We have some great news from the vzaar tech department today. And since it’s all Apple related we feel it’s well timed with the announcement of the iPhone 4 this week.

Firstly we have a vzaar application available today from the app store. Click here to download it. The vzaar app gives you full control of your vzaar account from all Apple iOS devices (iPhone, iPad, iPod Touch) and on devices with a camera you can even edit and upload video directly.

We built this using our API and the Objective C library we built (see more about our API on our developer hub). The library and application was built by Daniel Kennett of Kennettnet. He’s done a fantastic job, and any iOS developer picking up the framework will be able to build video into there own iPhone/iPad and OSX applications very easily.

And finally…

… a bit of fun to announce the framework. We did a little labs / skunkworks project that sends your  Twitter location to Google Latitude. It’s not really video related we know, but we thought it was kinda fun and that it would be of use to the kinds of developers out there who might be building Apple Apps and would find the vzaar video API framework just what the needed. You can see this here, under vzaar labs: http://vzaar.com/labs/location-sync/

Categories vzaar updates
Comments (0)

Press Release London, UK, May 27th 2010

Apple developers can now quickly build video capabilities into their own applications

vzaar, the leading professional online video hosting platform, today announced the release of Objective-C Framework for Apple (NASDAQ:AAPL) iPhone, iPad and desktop developers.

“We have developed an Objective-C library for our API to help Apple developers build video apps right into their own applications. There is no quicker way to enable your iPhone or iPad application with video.” comments Adrian Sevitz, Co-Founder and CTO of vzaar.

vzaar commissioned Daniel Kennet (of Kennettnet) to develop the framework. Daniel says of the framework “I designed the framework to fit in with a Cocoa developer’s existing skill set — the vzaar framework fits in with Cocoa’s design patterns and you’ll feel right at home as soon as you start working with it.”

vzaar’s API has recently been used by Budweiser and MTV for online campaigns asking users to upload short videos that are entered into a competition. The vzaar video hosting API powers some of the internet’s largest video sites and this new Framework will help developers build video apps for devices such as the iPhone.

“This is an exciting release for us at vzaar and credit to the vzaar development team whose idea it was to build this framework. We have a number of clients already using this library in development and we are eagerly awaiting the release of their applications.” comments, Stephen McCluskey, CEO of vzaar.

About vzaar vzaar is an online video platform that provides an end to end video service for web applications, ecommerce website and internet publishers.

About KennettNet Software Ltd KennettNet Software Ltd is a software development company specialising Objective C and .net client software. For additional information, contact Daniel Kennett http://www.kennettnet.co.uk

US Press Contact Mark Shapiro SRS Tech PR + 1 619 249 7742 mshapiro@srs-techpr.com

Categories Press
Comments (1)