Javascript Vimeo播放器没有';“得不到”;“完成”;事件

Javascript Vimeo播放器没有';“得不到”;“完成”;事件,javascript,api,iframe,video,vimeo,Javascript,Api,Iframe,Video,Vimeo,我有一个非常基本的JS,它在vimeo iframe完成视频时工作。看看小提琴: 我如何用JS来完成视频?看起来应该能用了:p document.getElementById('video').api_addEventListener('finish', function(event) { alert('video has ended'); console.log('video has ended'); $('#video').addClass('finished'); }

我有一个非常基本的JS,它在vimeo iframe完成视频时工作。看看小提琴:

我如何用JS来完成视频?看起来应该能用了:p

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

这是一个有效的例子

为了从Vimeo视频中获取事件,您需要在页面中包含Vimeo的脚本。那么就很简单了,在他们支持的事件上,只需做你想做的:)你唯一需要做的另一件事就是将?api=1&player\u 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>    
了解更多关于Vimeos javaScript API的信息

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');
}