Edge Animate & Vimeo... Almost...

Hi, I'm trying to control a vimeo video using Edge Animate, but I'm having no luck. Does anybody see where I may have gone wrong??

var becky = $("<iframe/>");

sym.$("vidCon").append(becky);

becky.attr('type','text/html');

becky.attr('width','100%');

becky.attr('height','100%');

becky.attr('src','http://player.vimeo.com/video/86529767?api=1&player_id=becky');  // url/Video_Id

becky.attr('frameborder','1');       // 1 | 0

becky.attr('allowfullscreen','0');   // 1 | 0

var iframe = document.getElementById('becky');

// $f == Froogaloop

var player = $f(iframe);

var playButton = document.getElementById("test");

playButton.addEventListener("click", function() {

  player.api("play");

});