1. Add Vimeo iframe

<iframe id="vimPlayer" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

1	<iframe id="vimPlayer" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

2. Load Froogaloop and add some Javascript

var vimID = "";
var playerID = "vimPlayer";

$("#vimPlayer").attr("src", "//player.vimeo.com/video/"+vimID+"?api=1&amp;title=0&amp;byline=0&amp;portrait=0&amp;color=f00010&player_id="+playerID);

Froogaloop(jQuery('#'+playerID)[0]).addEvent('ready', ready);

function ready(playerID){
	
Froogaloop(playerID).addEvent('play', play(playerID));
Froogaloop(playerID).addEvent('seek', seek);
Froogaloop(playerID).api('play');
}
	
function play(playerID){
  alert(playerID + " is playing");
}
function seek() {
alert('Seeking');
}

var vimID = "";

var playerID = "vimPlayer";

$("#vimPlayer").attr("src", "//player.vimeo.com/video/"+vimID+"?api=1&title=0&byline=0&portrait=0&color=f00010&player_id="+playerID);

Froogaloop(jQuery('#'+playerID)[0]).addEvent('ready', ready);

function ready(playerID){

Froogaloop(playerID).addEvent('play', play(playerID));

Froogaloop(playerID).addEvent('seek', seek);

Froogaloop(playerID).api('play');

}

function play(playerID){

alert(playerID + " is playing");

}

function seek() {

alert('Seeking');

}

This will add a READY event for the player, which allows you to handle other stuff within that function from that point on. Like making the video responsive using fitVid for example :)

Its important that you reference the playerID in the actual iframe source or the ready function will never fire !

Vimeo Player API

Embedding Vimeo Video using Froogaloop

Alexander