javascript - jPlayer が Chrome で動作しないのはなぜですか?

Question

運営している音楽ブログ用にオーディオ プレーヤーを作成していますが、自分の Web サイトで jPlayer が正しく動作しないようです。現在、管理者のみがプレーヤーを表示できるように設定しています (機能していないため) が、私が何を意味するかを確認できるように、小さなテスト Web サイトを作成しました。

プレーヤーは Firefox では問題なく動作しますが、Chrome では正しく動作しません。Firefox で使用されているフラッシュ フォールバックと何か関係があるような気がしますが、Chrome でも動作しない理由がわかりません。曲をロード/ストリーミングしたくないようです。

表示しているページに曲を動的に追加できるように、いくつかの関数を作成しました。私はすべてを正しく設定していると信じています。曲のタイトルと MP3 への URL に配列を使用し、WordPress によって動的に追加されます。新しい曲が追加されるたびに、以下の JavaScript 関数 add_song を呼び出します...

function add_song(title, mp3)
{
    theTitles[index] = title;
    theMP3s[index] = mp3;
    index++;
}

次に、document.ready 関数については、get_playlist(); という別の関数を作成して jPlayer をセットアップしました。

function get_playlist()
{
    var playlist = new Array();

    for(var i = 0; i < theTitles.length; i++)
    {
        playlist[i] = {title: theTitles[i], mp3: theMP3s[i]};
    }
    return playlist;
}

$(document).ready(function()
{
    var playlist = get_playlist();
    new jPlayerPlaylist({
        jPlayer: "#jquery_jplayer_1",
        cssSelectorAncestor: "#jp_container_1",
        oggSupport:false
    }, playlist, {
        swfPath: "/js",
        supplied: "mp3",
        wmode: "window"
    });
});

Chrome ではなく Firefox で機能する理由について簡単なことが欠けているような気がしますが、それが何であるかはわかりません。ここにテスト サイトへのURLを示します。質問がある場合は、自分でプレーヤーを表示できます。

みんなありがとう！