vimeo 播放器仅在第一次绑定事件

Question

我有一个页面，在开始时为播放器保留了iframe，下面我有一个视频列表。

当您单击其中一个视频时，它会通过JS函数加载到顶部的"播放器"上，相同的函数会创建Vimeo。播放器对象，然后绑定一个 on(timeupdate(，当视频达到 90% 的百分比时，该对象会处理 ajax。

问题：第一次选择视频时，一切都按应有的方式工作，但是当您选择另一个视频时，它要么不添加听众，要么不创建播放器。

顺序是这样的：函数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，因为这似乎是唯一改变的事情，但他们都没有做任何事情。

Answer 1

使用 api loadVideo(( 而不是直接更改 iframe src 来完成这项工作。