javascript - Vimeo 播放器没有收到 "finish"事件

Question

我有一个非常基本的 JS，可以在 vimeo iframe 完成视频播放时使用。看看 fiddle :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');
});

Answer 1

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

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

内嵌框架

<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