This site is a repository of example code snippets, video embeds and other miscellaneous files used by the support team at vzaar.com to help our customers better understand and integrate our technology into their websites and applications. If you've stumbled across the site by accident, perhaps we can help you:

We've built up a collection of demonstrations and examples which use various technologies to extend the vzaar service and the player. In most cases, these demos are implemented on the client side so you can see how they work by simply examing the page source. For convenience, some demos make use of jQuery and it should be obvious which those are. Some of the demos are implemented on the server side or require some server-side components so, for those, just get in touch with us and we'll be happy to provide the sources: support@vzaar.com.

These samples are not production-ready code - they're simple learning tools and stepping stones to more robust implementations. They are provided free of charge under the terms of the The MIT License (MIT).
Demo Description
/demos/api_uploader/flash Implementation of the API (jQuery & PHP) to allow end-users to upload directly to your vzaar account. Requires Flash.
/demos/api_uploader/html5 Implementation of the API (jQuery & PHP) to allow end-users to upload directly to your vzaar account. Uses HTML5 so no Flash required.
/demos/api_uploader/html5_adaptive Implementation of the API (jQuery & PHP) to allow end-users to upload directly to your vzaar account. Uses HTML5 so no Flash required. Uses our adaptive encoding and delivery platform and v2 of the vzaar API.
/demos/back_to_beginning_at_end/ Detects when the video ends then jumps back to the beginning.
/demos/background_video/ Displays a video as the background to a web page.
/demos/chapterizer/ Implementation of the 'chapterizer' feature in the jQuery library to add chapters to your page layout.
/demos/close_at_end/ Detects when the video ends then closes the window.
/demos/close_at_end_iphone/ iPhone specific demo that detects when the video ends then closes the QuickTime player.
/demos/detectmobile/ Detects whether the viewer is using a mobile device and loads a different video accordingly.
/demos/diy_playlist/ A simple "roll your own" playlist using thumbnails and JS API to load videos.
/demos/dropshadow/ The iframe is a DOM element like any other so it can be styled and manipulated like any other. This embedded video has a simple CSS drop shadow.
/demos/geolocate/ Basic geolocate demo which only displays video if viewer is in the US
/demos/jwplayer/ vzaar supports the delivery of videos using a third-party player. This demo shows video playing in JWPlayer.
/demos/lightbox/ Create a simple pop-out lightbox using third-party code (zoombox).
/demos/nested_iframe/ Using a custom iframe to pass player parameters to the vzaar player. This demo creates a general-purpose way to pass start position and play duration.
/demos/overlay/ The iframe is a DOM element like any other so it can be styled and manipulated like any other. This embedded video has a simple CSS brand overlay.
/demos/overlay_title/ Same as above but we retrieve the title of the video via an API call and use that as the overlay text. The video title is removed after 10 percent of the video has played. 'index2.html' in the same directory leaves the title in place.
/demos/pausebutton/ Adds a custom control (a pause button) in the page layout.
/demos/playlist_background/ Change the playlist player background color.
/demos/playlist_start_in_url/ Start playlist at video specified in url argument 'plstart'.
/demos/public_feed/ Retrieve video details (using Javascript) when your API feed is set to public.
/demos/redirect_at_end/ Detects when the video ends then automatically redirects to a new web page.
/demos/replace_content/ Loads the video player when a poster frame image is clicked.
/demos/replace_content_alt/ Another approach to loading the video player when a poster frame image is clicked.
/demos/replace_poster_with_player/ Displays the poster frame then brings the player to the foreground over it when the player is ready.
/demos/responsive/ The iframe is a DOM element like any other so it can be styled and manipulated like any other. This embedded video is styled so that it resizes responsively.
/demos/responsive_js/ The iframe is a DOM element like any other so it can be styled and manipulated like any other. This embedded video has responsive styling added via a small Javascript snippet (requires JQuery).
/demos/responsive_playlist/ The iframe is a DOM element like any other so it can be styled and manipulated like any other. This embedded playlist is styled so that it resizes responsively.
/demos/restart/ Reloads the player when playback ends.
/demos/save_pos_in_cookie/ Saves the user's start position in a cookie and restarts playback at that point when the user revisits the page.
/demos/seektime_in_url/ Start video at time specified in url argument 'start'.
/demos/seekto/ Start playback at a hard-wired position.
/demos/signed_keys/ Implemenation of signed keys security.