About the Babelgum Affiliate Program

All of this is designed to be easy to implement and deploy efficiently. We have designed our affiliate player to be easy to implement and update without straining your technical bandwidth. The embeddable flash player is skinable and designed to deliver the ability to melt into any website structure seamlessly. This includes both its behavior and the appearance. The player will function exactly the way you want it to, and that it will look good without distracting users.

If you would like to have Babelgum video content on your site please contact us at bizdev@babelgum.com about becoming an affiliate.

Babelgum's content? 3 steps away :

You want to integrate Babelgum's content on your website ? Nothing is easier :

• Contact Babelgum to get an affiliate id. This will allow you to access Babelgum's content & APIs. Moreover, a complete documentation will be given to you.
• On your webpage, add :
  • <script type='text/JavaScript' src='http://www.babelgum.com/affiliates/YOUR-AFFILIATE-ID/affiliate_player.js'></script>
  • <link rel="stylesheet" href="http://www.babelgum.com/affiliates/YOUR-AFFILIATE-ID/affiliate_player.css" type="text/css"/>
• Add one of the following div tags with the custom bbgtype attribute to display a player or a list of clips.

Note : A pure flash player will soon be available, allowing player embed without requiring Javascript support.

Simple player example

HTML tag : div bbgtype="player"

Options :

• width : width of the player. If not supplied, the player will take all width available
• height : height of the player. If not supplied, the player will take all height available
• clipId : ID of a Babelgum clip. Will be provided by Babelgum.
• autoPlay : Tells the player to automatically play the clip on load
• playerId : ID of the player. Useful if you want to link a list of clips to this player.

Code :

Result :

Player with clipstrip example

HTML tags : div bbgtype="list" view="clipstrip"

Options :

• width : width of the clipstrip. If not supplied, the player will take all width available
• channel : Babelgum channel object. Will be provided by Babelgum.
• onPlay : ID of the player. Action to perform when a clip in the clipstrip is clicked.
  • usePlayer:playerId : Use player loaded on the page.
  • navigate:player.php?channel={channel}&clipId={clipId} : Navigates to a player.php page, passing channel and clipId arguments

Code :

Result :

Grid example

HTML tags : div bbgtype="list" view="grid"

Options :

• width : width of the grid. If not supplied, the player will take all width available
• height : height of the grid. If not supplied, the player will take all height available
• channel : Babelgum channel object. Will be provided by Babelgum.
• onPlay : ID of the player. Action to perform when a clip in the grid is clicked.
  • usePlayer:playerId : Use player loaded on the page.
  • navigate:player.php?channel={channel}&clipId={clipId} : Navigates to a player.php page, passing channel and clipId arguments
  • replace : Will replace the grid by a player.

Code :

Result :

List example

Options :

• width : width of the list. If not supplied, the player will take all width available
• height : height of the list. If not supplied, the player will take all height available
• channel : Babelgum channel object. Will be provided by Babelgum.
• onPlay : ID of the player. Action to perform when a clip in the list is clicked.
  • usePlayer:playerId : Use player loaded on the page.
  • navigate:player.php?channel={channel}&clipId={clipId} : Navigates to a player.php page, passing channel and clipId arguments
  • replace : Will replace the list by a player.

Code :

Result :