Vimeo 播放器没有获得“完成”事件答案

【问题标题】：Vimeo player doesn't get "finish" eventVimeo 播放器没有获得“完成”事件
【发布时间】：2014-12-15 21:38:58
【问题描述】：

我有一个非常基本的 JS，可以在 vimeo iframe 完成视频时工作。看看小提琴：http://jsfiddle.net/vy9kf0w5/1/

如何使用 JS 定位视频的结尾？看起来它应该可以工作：p

document.getElementById('video').api_addEventListener('finish', function(event) {
    alert('video has ended');
    console.log('video has ended');
   $('#video').addClass('finished');
});

【问题讨论】：

标签： javascript api iframe video vimeo

【解决方案1】：

这是一个工作示例http://jsfiddle.net/vy9kf0w5/3/

您需要在页面中包含 Vimeo 的 Froogaloop 脚本才能从 Vimeo 视频中获取事件。然后很简单，在他们支持的事件上做你想做的事:) 你唯一需要做的就是将 ?api=1&player_id=video 添加到 url :)

iframe

<iframe src="//player.vimeo.com/video/55874553?api=1&player_id=video&title=0&amp;byline=0&amp;portrait=0&amp;color=c9ff23;autoplay=1" width="720" height="405"  id="video" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen ></iframe>

代码

var iframe = $('#video')[0],
    player = $f(iframe);

player.addEvent('ready', function() {       
        player.addEvent('finish', onFinish);
    });

function onFinish(id) {
    alert('video has ended');
    console.log('video has ended');
    $('#vimeoembed').addClass('finished');
}

阅读更多关于 Vimeos javaScript API here

【讨论】：