Загрузка нескольких видео Vimeo с помощью jQuery и обнаружение событий

Хорошо, я полностью застрял. Я действительно надеюсь, что у кого-то может быть опыт загрузки видео Vimeo с помощью Vimeo Froogaloop API .

Кажется, я не могу получить событие 'ready', чтобы его поймать.

Froogaloop:

Мой сценарий:

$.getJSON('http://www.vimeo.com/api/oembed.json?url=' + encodeURIComponent('http://vimeo.com/27027307') + '&width=300&callback=?', function(data){
    $('#video-container').html(data.html); //puts an iframe embed from vimeo's json
    $('#video-container iframe').ready(function(){
        player = document.querySelectorAll('iframe')[0];
        $f(player).addEvent('ready', function(id){
            console.log('success');
        });

    });
});

Видео загружается нормально. Это сообщение, которое я получаю в консоли:

Uncaught TypeError: Cannot read property 'ready' of undefined

Мне нужно использовать прослушиватели событий для обнаружения пауз и т. Д. Я видел этот пост , но, к сожалению, главное отличие в том, что я загружаю динамически через JSON. Кроме того, у Vimeo есть рабочий пример Froogaloop в действии, но не с jQuery.

Заранее спасибо !!!