javascript - 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