vimeo视频结束时加载下一页

Question

我想将vimeo视频用作网站的介绍。 嵌入式vimeo视频播放完成后，是否可以加载新页面？

我尝试使用jQuery进行某些操作，但实际上无法正常工作。

<div id="vimeo">
    <iframe src="//player.vimeo.com/video/89470441?title=0&amp;byline=0&amp;portrait=0&amp;color=ea5045&amp;autoplay=1" width="960" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

<script>
$("#vimeo").on("ended", function() {
    window.location.href = 'home.html';
});
</script>

有人知道我该如何解决该问题吗？

Answer 1

尝试这个

<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>

<div id="vimeo">
    <iframe src="//player.vimeo.com/video/89470441?title=0&amp;byline=0&amp;portrait=0&amp;color=ea5045&amp;autoplay=1" width="960" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

<script>
var iframe = $('#vimeo iframe')[0],
    player = $f(iframe);

// When the player is ready, add listeners for pause, finish, and playProgress
player.addEvent('ready', function() {
    player.addEvent('finish', onFinish);
});

function onFinish(id) {
   window.location.href = 'home.html';
}
</script>

参考： http : //developer.vimeo.com/player/js-api

Answer 2

尝试看一下Vimeo Javascript API： http : //developer.vimeo.com/player/js-api

有一个简单的JavaScript示例。 如果您使用Froogaloop，则可以将window.location.href放在onFinish内，在那里您可以看到status.text(data.seconds + 's played'); 。

Answer 3

通过简单的API，您可以以秒为单位获取电影时长以及其他有用的信息。

http://developer.vimeo.com/apis/simple#video-response

通过此视频请求URL，您可以将上面链接中列出的消耗品发布到您的手中。

http://developer.vimeo.com/apis/simple#video-request-url

在任何情况下，您都可以找到并构造足以让您进行jquery或js倒计时的重定向。

祝好运！