2014-12-31 24 views
1

假設我嵌入了一個YouTube視頻,當它完成播放時,我希望它能夠執行此功能。我將如何檢測視頻播放完畢?如何添加YouTube視頻播放完成時執行的功能?

我假設視頻長短不一。所以我知道這個視頻會在5分鐘內完成,但是我想對它進行概括,以便當一個「x」分鐘的視頻完成播放時,它會調用這個函數。

這一切,我有,如果它事項HTML ....(原諒貓視頻笑)

<html> 
<head> 
<title>Discovery</title> 
</head> 
<body> 

<iframe width="560" height="315" src="http://www.youtube.com/embed/bDuLeXx2Gv0?autoplay=1" frameborder="0" allowfullscreen></iframe> 


</body> 
</html> 
+2

YouTube提供一個API,用於這一點,看看它。 – Nit

+0

你可以嘗試這個計算器鏈接: http://stackoverflow.com/questions/6896625/how-to-call-a-function-on-video-end-html5-and-mediaelementjs –

回答

0

看看this。檢查player.getPlayerState()==0,這表明它已結束。

1

由於您使用的Youtube,你可以做這樣的事情:

function onPlayerStateChange(event) {   
    if(event.data === 0) {   
     alert('done'); 
    } 
} 

旁註:你需要在爲了這個腳本之前,Youtube的API爲它工作。

<script src="http://www.youtube.com/player_api"></script>

工作代碼筆 - http://codepen.io/rr1000/pen/vEyNLj

相關問題