vimeo Player 只在第一次绑定事件
vimeo Player only binds event the first time
我有一个页面,在开始时有一个为播放器保留的 iframe,下面我有一个视频列表。
当你点击其中一个视频时,它会通过一个 js 函数加载到顶部的“播放器”上,同样的函数会创建 vimeo.Player 对象,然后绑定一个 on(timeupdate) 来触发当视频达到 90% 时 ajax。
问题: 第一次 select 视频一切正常,但是当你 select 另一个视频时它要么不工作添加监听器或不创建播放器。
顺序是这样的:function aux -> ver() -主要显示内容和 iframe id -> 上的 src 更新创建新的Vimeo.Player在最后
function aux(element) {
var player = ver(element),
cod = element.id;
console.log('code: ' + cod);
player.on('timeupdate', function(data) {
console.log('upd');
if (data.percent > 0.9) {
console.log('90');
$.ajax({
type: "POST",
url: "ajax.markvideo.php",
data: {
code: cod,
email: <?php echo '"' . $_SESSION['email'] . '"' ?>
}
}).done(function(msg) {
player.off('timeupdate');
});
}
});
}
我尝试通过删除文本内容或子项来清空 iframe,因为这似乎是唯一改变的东西,但它们都没有做任何事情。
使用 api loadVideo() 而不是直接更改 iframe src 来完成这项工作。
我有一个页面,在开始时有一个为播放器保留的 iframe,下面我有一个视频列表。
当你点击其中一个视频时,它会通过一个 js 函数加载到顶部的“播放器”上,同样的函数会创建 vimeo.Player 对象,然后绑定一个 on(timeupdate) 来触发当视频达到 90% 时 ajax。
问题: 第一次 select 视频一切正常,但是当你 select 另一个视频时它要么不工作添加监听器或不创建播放器。
顺序是这样的:function aux -> ver() -主要显示内容和 iframe id -> 上的 src 更新创建新的Vimeo.Player在最后
function aux(element) {
var player = ver(element),
cod = element.id;
console.log('code: ' + cod);
player.on('timeupdate', function(data) {
console.log('upd');
if (data.percent > 0.9) {
console.log('90');
$.ajax({
type: "POST",
url: "ajax.markvideo.php",
data: {
code: cod,
email: <?php echo '"' . $_SESSION['email'] . '"' ?>
}
}).done(function(msg) {
player.off('timeupdate');
});
}
});
}
我尝试通过删除文本内容或子项来清空 iframe,因为这似乎是唯一改变的东西,但它们都没有做任何事情。
使用 api loadVideo() 而不是直接更改 iframe src 来完成这项工作。