2014-03-31 41 views
2

我想使用vimeo視頻作爲網站的介紹。 在嵌入的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> 

有人有一個想法,我怎麼能解決這個問題?

回答

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

+0

非常感謝你,它完美的作品! – user3479461

+0

@ user3479461接受答案 –

+0

感謝隊友,我已經能夠適應我需要的東西。乾杯! – William

0

嘗試採取看看Vimeo的Javascript API第: http://developer.vimeo.com/player/js-api

有給出一個簡單的JavaScript的例子。 如果你使用Froogaloop,你可以把你的window.location.href放在onFinish裏,你會看到status.text(data.seconds + 's played');

+0

也非常感謝。 – user3479461

+0

不客氣。 :) –

相關問題