jPlayer播放列表與Google Analytics

Question

我正在使用jPlayer播放列表，需要幫助添加Google Analytic事件，以通過按播放按鈕，點擊播放列表中的標題，下一個 或prev或添加播放列表中的標題在歌曲的結尾處進展。我試圖按照API參考中所述的ID引用播放器，但我的控制檯日誌不顯示。需要明確的是，我已經清理這段代碼最多不顯示我的真實標題和URL的

$(document).ready(function(){ 

var myPlaylist = new jPlayerPlaylist({ 
    jPlayer: "#jquery_jplayer_1", 
    cssSelectorAncestor: "#jp_container_1" 
}, [ 
    { 
     title:"<Title Here>", 

        m4v: "<Link Here>", 
     poster:" <Link Here> " 
    }, 
      { 
     title:"<Title Here>", 

        m4v: " <Link Here> ", 
     poster:" <Link Here> " 
    }, 
    { 
     title:" <Title Here> ", 
     m4v: " <Link Here> ", 
     poster: " <Link Here> " 
    } 
], { 
    swfPath: "js", 
           solution:"flash, html", 
    supplied: "m4v " 
}); 

$("#jquery_jplayer_1").jPlayer({ 
    ready: function() { 
     console.log('here'); 
    }, 
    ended: function() { 
     console.log('here'); 
    } 
}); 
}); 

任何幫助表示讚賞。

Answer 1

應該在jPlayerPlaylist構造函數的第三個參數中提供事件處理函數以及「swfPath」等。因此，在您的示例中，以下內容應該可以工作（我已將播放列表參數重構爲單獨的變量，以稍微修改代碼） ：

$(document).ready(function() { 
    var playlist = [ 
    {title: "<Title Here>", m4v: "<Link Here>", poster: "<Link Here>"}, 
    {title: "<Title Here>", m4v: "<Link Here>", poster: "<Link Here>"}, 
    {title: "<Title Here>", m4v: "<Link Here>", poster: "<Link Here>"} 
    ]; 

    var myPlaylist = new jPlayerPlaylist({ 
    jPlayer: "#jquery_jplayer_1", 
    cssSelectorAncestor: "#jp_container_1" 
    }, playlist, { 
    swfPath: "js", 
    solution:"flash, html", 
    supplied: "m4v", 
    ready: function() { 
     console.log('here'); 
    }, 
    ended: function() { 
     console.log('here'); 
    } 
    }); 
});