Javascript vimeo eventlistener执行jquery函数

因此，我正在创建一个照明调光器，当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>

$（函数（）{
var vimeoPlayer=document.querySelector（'iframe'）；
$f（vimeoPlayer）.addEvent（'ready'，ready）；
功能就绪（swoosh）{
froogaloop=$f（swoosh）；
函数setupEventListeners（）{
函数onPlay（）{
$（'body'）。追加（''）；
$（'dim'）.fadeIn（250）；
}
函数onPause（）{
$（'dim'）.fadeOut（500，function（）{$（'dim'）.remove（）；}）；
}
函数onFinish（）{
$（'dim'）.fadeOut（500，function（）{$（'dim'）.remove（）；}）；
}
onPlay（）；
onPause（）；
onFinish（）；
}
setupEventListeners（）；
}
})

---

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

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

你在控制台中遇到了什么错误？编辑：另外，用

$（'document'）.ready（function（）{}）包装代码目前我没有收到任何错误，我收到了一个
不安全的JavaScript试图访问带有URL的框架的错误，但是我在使用iframe嵌入时总是收到错误，我通常会忽略它们。除此之外，我没有得到一个错误…我确实把它包装在文档中准备好了，谢谢，几乎忘记了这一点，但没有解决这个问题