jquery - Vimeo プレーヤー API の $f(iframe) 値が https ページで null です

Question

ビデオ用に Web サイトで Vimeo プレーヤーを使用しています。

vimeo Web サイトで提供された次のコードを使用しています。

http://jsfiddle.net/bdougherty/HfwWY/light/

上記の jsfiddle リンクは、vimeo プレーヤーの JavaScript API リンクからのものです: https://developer.vimeo.com/player/js-api

iframe タグのビデオ リンクが異なることを除いて、まったく同じコードを使用しています。

 <iframe src="http://player.vimeo.com/video/MY VIDEO CODE?api=1&amp;player_id=player1" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

ビデオが読み込まれる前に、読み込みアイコンが表示されます。

ロード中のアイコンを非表示にするために、ready and play イベントを使用しています。以下は私のコードです。

    var iframe = $('#player1')[0];
    player = $f(iframe);

    var videoSource = $('iframe#player1').prop('src');
    $('iframe#player1').prop('src',videoSource + "&autoplay=1");

    if(player !== null && player !== undefined){
        $("#loadingIcon").show();

        // When the player is ready, add listeners for pause, finish, and playProgress
        player.addEvent('ready', function() {

            $("#loadingIcon").hide();

            player.addEvent('play', onPlay);
            //player.addEvent('pause', onPause);
            //player.addEvent('finish', onFinish);
            // player.addEvent('playProgress', onPlayProgress);
        });
    }


    // function onPause(id) {}

    // function onFinish(id) {}

    function onPlay(id) {
        if($("#loadingIcon").length > 0)
            $("#loadingIcon").hide();
    }

私が抱えている問題は、ビデオの準備ができた後、または再生が開始された後に、読み込みアイコンが表示されて隠れないことです。

以前は、私の https ページで、オブジェクトの「プレーヤーの」値が null になっていました。そこで、if 条件を追加しました。問題を修正しました。しかし、今ではそれもうまくいかないようです。そのため、ビデオの再生中も読み込みアイコンは表示されたままです。

これに加えて、firebug は次のようなエラーをスローしています。

エラー: プロパティ 'toString' へのアクセス許可が拒否されました。エラー: プロパティ 'toString' へのアクセス許可が拒否されました。エラー: プロパティ 'toString' へのアクセス許可が拒否されました。

（firebugが3回表示するので、3回貼り付けました）

しかし、ビデオはまだ正常に再生されます。

誰かが以前にこの問題に遭遇したことがある場合は、助けてください。