API-интерфейс Vimeo Froogaloop не распознает событие

Я пытаюсь распознать события onPlay, onPause и onFinish для vimeo с помощью API froogaloop. все, что я мог представить с этой штукой, и не повезло.

Я получаю эту ошибку в Firefox:

И в Chrome:

Импорт froogaloop из CDN:

Мой JS:

$(function(){

    var vimeoPlayer = document.querySelector('iframe');

    $f(vimeoPlayer).addEvent('ready', ready);

    function ready(player_id) {

        froogaloop = $f(player_id);

        function setupEventListeners() {
            function onPlay() {
                froogaloop.addEvent('play',
                function(data) {
                    console.log('play event');
                });
            }

            function onPause() {

                froogaloop.addEvent('pause',
                function(data) {
                    console.log('pause event');
                });
            }

            function onFinish() {
                froogaloop.addEvent('finish',
                function(data) {
                    console.log('finish');
                });
            }
            onPlay();
            onPause();
            onFinish();
        }
        setupEventListeners();
    }

})

Мой HTML: