javascript - vimeo eventlistener 执行 jquery 函数

Question

所以我正在创建一个灯光调光器，以便在 vimeo 播放器播放、暂停和结束时执行。

现在它不起作用，因为我确信这是 Jquery 的问题......

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
<script type="text/javascript">

$(function(){

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

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

function ready(swoosh) {

    froogaloop = $f(swoosh);

    function setupEventListeners() {
        function onPlay() {
            $('body').append('<div id="dim"></div>');
            $('#dim').fadeIn(250);
        }

        function onPause() {

           $('#dim').fadeOut(500,function() { $("#dim").remove(); });
        }

        function onFinish() {
           $('#dim').fadeOut(500,function() { $("#dim").remove(); });
        }
        onPlay();
        onPause();
        onFinish();
    }
    setupEventListeners();
}

})
</script>

我该怎么做呢，我一点也不精通 Jquery

Answer 1

我应该发布我的嵌入代码，因为那是问题所在，我在代码的末尾有 api=1 而不是开头，这就是答案