Vimeo Froogaloop API がイベントを認識しない 質問する

私は froogaloop API を使用して、vimeo の onPlay、onPause、onFinish イベントを認識しようとしています。このことについて考えられるあらゆることを試しましたが、うまくいきませんでした。

Firefox でこのエラーが発生します:

Chrome の場合:

CDN から froogaloop をインポートする:

<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>

私の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();
    }

})

<iframe src="http://player.vimeo.com/video/3718294?api=1" width="623" height="350" frameborder="0" id="iframe-video"></iframe>