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

通过此视频请求网址，您可以发布上述链接中列出的耗材。

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

在任何情况下，您都可以找到并构建足够的jquery或js倒计时来重定向。

祝你好运！

vimeo视频完成后加载下一页

3 个答案: