为什么我的jPlayer在Firefox而不是Chrome中运行?

时间:2013-01-25 20:05:28

标签: javascript wordpress jplayer

我正在为我的音乐博客制作一个音频播放器,但我似乎无法让jPlayer在我的网站上正常工作。现在,我设置它,以便只有管理员可以查看播放器(因为它不起作用),但我做了一个小测试网站,以便你也可以看到我的意思。

播放器在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"
    });
});

我有一种感觉,我错过了一些简单的原因,为什么它可以在Firefox而不是Chrome上运行,但我无法弄清楚它是什么。但是,如果您通过按实际帖子上的播放按钮开始播放其中一首歌曲,然后停止播放,然后尝试在顶级播放器中播放它,它可以正常工作。例如,尝试播放顶级播放器中的第一首歌,它将无效。然后单击实际Seasfire帖子上的播放按钮,暂停它,然后再次尝试顶级播放器,它将起作用。这是我对测试网站的url,因此如果您有任何问题,可以自己查看播放器。

谢谢你们和女孩们!

1 个答案:

答案 0 :(得分:0)

stackoverflow不会让我立即登录,但我是原始海报。

在我使用之前定义并初始化

索引,因此这不是问题。我用的全部javascript是......

<script type="text/javascript">

    var index = 0;
    var theTitles = new Array();
    var theMP3s = new Array();

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

    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"
        }, playlist, {
            swfPath: "/js",
            supplied: "mp3",
            wmode: "window"
        });
    });
    //]]>
    </script>