Vimeo JavaScript API add class to iframe that is playing
===

Been messing around with [Froogaloop][1], Vimeo's JavaScript API, and am trying to simply add a class to the Vimeo iFrame that is currently playing. Seems simply enough, using the API's events, but I can't seem to wrap my head around it. Here's what I've got so far:

The code below is a simplified version of [their example][2]. While it's not causing any errors in my console, I'm not getting any of the logs (and therefore not getting the classes). Am I missing something?

Thanks for your help!

    var iframe = $('article.video iframe')[0],
        player = $f(iframe);

	player.addEvent('ready', function() {
		player.addEvent('play', on);
	    player.addEvent('pause', off);
	    player.addEvent('finish', off);
	});

	function on(id) {
		console.log('playing');
		player.addClass('playing');
	}
	function off(id) {
		console.log('not playing');
	    player.removeClass('playing');
	}


  [1]: https://github.com/vimeo/player-api/tree/master/javascript
  [2]: http://developer.vimeo.com/player/js-api