Question

我已尝试过vimeo和其他网站上的几个示例，以便在iframe嵌入vimeo视频停止播放时触发javascript事件。

我尝试的任何东西似乎都没有用！

有没有人为iframe vimeo播放器提供最简单的JavaScript onFinish事件版本？

示例页面是www.armourylondon.co.uk/work.php - 点击视频缩略图会激活div，然后使用Ajax加载播放器。我正在使用原型/ Scriptaculous框架来进行ajax和动画。

我已经包含了froogaloop js，正如我所说的，我已经从stackoverflow，vimeo的API示例以及其他网站中跟踪了很多例子但是没有工作 - 至少不适合我！

所有我需要的是有人在视频播放完毕后显示一个好的旧Hello World警报 - 我可以从那里完成剩下的工作！我已经在这里待了三个小时试图获得一个简单的警报闪烁，但唉无济于事！

运行缩略图到vimeo动画和加载的Js直接位于文档的头部 - 注释'// Vimeo自动关闭完成后'的ajax更新程序的onCopmplete函数内的代码是最后一个我尝试过的版本没有用。我一直把代码放在那里因为iframe不存在于Dom中，直到Ajax Updater将视频加载到单击缩略图时生长的div中。

Answer 1

我最后使用了这段代码 - 今天上午9点左右开始工作了！

$f($('armoury_vid')).addEvent('ready', ready);

function ready(player_id) {
    // Keep a reference to Froogaloop for this player
    var container = document.getElementById(player_id).parentNode.parentNode;
    froogaloop = $f(player_id);
    froogaloop.addEvent('finish', function(data) {
      document.body.removeChild($('armoury_vid').parentNode);
    });
}

我将代码放入Ajax.Updater调用的onComplete回调中，将vimeo视频加载到页面中。

我相信这是因为我没有在Froogaloops $ f（）函数中包装$（prototypecall） - 错误提到了！

上面的脚本是使用 Prototype 框架构建的 - 使用 jQuery 框架进行修改只需要很少的工作 - 这取决于个人偏好 - 它们都是这样做，只是略有不同的语法！

Vimeo onFinish事件的简单例子

1 个答案: