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