Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jPlayer播放列表与谷歌分析_Javascript_Jquery_Jplayer - Fatal编程技术网

Javascript jPlayer播放列表与谷歌分析

Javascript jPlayer播放列表与谷歌分析,javascript,jquery,jplayer,Javascript,Jquery,Jplayer,我正在使用jPlayer播放列表,需要帮助添加Google分析事件,通过按下播放按钮,单击播放列表中的标题,然后单击下一步来显示播放了哪首歌曲 或上一首,或在歌曲结束时前进。我已经尝试按照API引用中所述的ID引用播放器,但是我的控制台日志没有显示。为了清楚起见,我已经清理了这段代码,不显示我的真实标题和URL $(document).ready(function(){ var myPlaylist = new jPlayerPlaylist({ jPlayer: "#jquery_j

我正在使用jPlayer播放列表,需要帮助添加Google分析事件,通过按下播放按钮,单击播放列表中的标题,然后单击下一步来显示播放了哪首歌曲 或上一首,或在歌曲结束时前进。我已经尝试按照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');
    }
});
});
$(文档).ready(函数(){
var myPlaylist=新的jPlayerPlaylist({
jPlayer:#jquery_jPlayer_1“,
CSS选择器存储:“jp容器1”
}, [
{
标题:“,
m4v:“,
海报:“
},
{ 
标题:“,
m4v:“,
海报:“
},
{
标题:“,
m4v:“,
海报:“
}
], {
swfPath:“js”,
解决方案:“flash,html”,
提供:“m4v”
});
$(“#jquery_jplayer_1”).jplayer({
就绪:函数(){
console.log('here');
},
完:函数(){
console.log('here');
}
});
});

非常感谢您的帮助。

事件处理程序应该在jPlayerPlaylist构造函数的第三个参数以及“swfPath”等中提供。因此,在您的示例中,以下应该可以使用(我已将playlist参数重构为单独的变量,以便稍微整理代码):

$(文档).ready(函数(){
var播放列表=[
{标题:,m4v:,海报:},
{标题:,m4v:,海报:},
{标题:,m4v:,海报:}
];
var myPlaylist=新的jPlayerPlaylist({
jPlayer:#jquery_jPlayer_1“,
CSS选择器存储:“jp容器1”
},播放列表{
swfPath:“js”,
解决方案:“flash,html”,
提供:“m4v”,
就绪:函数(){
console.log('here');
},
完:函数(){
console.log('here');
}
});
});
$(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');
    }
  });
});