Javascript Vimeo播放器没有';“得不到”;“完成”;事件
我有一个非常基本的JS,它在vimeo iframe完成视频时工作。看看小提琴: 我如何用JS来完成视频?看起来应该能用了:pJavascript 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'); }
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&byline=0&portrait=0&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');
}