2011-05-29 119 views
1

我有一個帶有youtube ID的數據庫。 現在我想播放第一個視頻,當視頻結束時,我想要去 http://www.foo.com/index.php?play=1。所以它會播放下一個YouTube視頻。在完成視頻後,它將轉至http://www.foo.com/index.php?play=2 ...。在x(x是視頻的持續時間)秒後,我嘗試了一些時間刷新頁面。但是當用戶點擊暫停按鈕時,它會刷新到早。YouTube視頻結束時的操作!

有人可以幫助我嗎?

+1

你會需要找到一個可以連接到使用JavaScript一個YouTube能夠播放器,同時還激發在視頻完成事件。然後,您可以使用AJAX調用獲取下一個視頻的網址並將其傳遞給播放器。 – 2011-05-29 12:36:28

+1

看看YouTube的JavaScript播放器API,它應該有你需要的一切。 http://code.google.com/apis/youtube/js_api_reference.html – Niklas 2011-05-29 13:02:19

回答

2

那麼,你可以使用YouTube JavaScript API播放器。該播放器將觸發播放結束,播放暫停和視頻提示等事件。您可以在播放結束事件中掛鉤一個功能。看看YouTube JavaScript Player API Reference並向下滾動到events部分。

0

SOLUTION(我的WordPress網站內工作):下載&此安裝到您的網站 - http://www.tikku.com/jquery-youtube-tubeplayer-plugin

然後在頁面中插入這個代碼
但改變
1)yoursite.com給你的
2)alert(「Hello」);到您想要的功能;
3)DkoeNLuMbcI添加到您的視頻ID;

<div id="youtube-player-container" style="float:right"> </div> 
<script type="text/javascript" src="http://yoursite.com/folder/jQuery.tubeplayer.min.js"></script> 
<script type="text/javascript"> 
jQuery("#youtube-player-container").tubeplayer({ 
    width: 422, // the width of the player 
    height: 285, // the height of the player 
    allowFullScreen: "true", // true by default, allow user to go full screen 
    initialVideo: "DkoeNLuMbcI?autoplay=1", // the video that is loaded into the player 
    preferredQuality: "default",// preferred quality: default, small, medium, large, hd720 
    onPlay: function(id){}, // after the play method is called 
    onPause: function(){}, // after the pause method is called 
    onStop: function(){}, // after the player is stopped 
    onSeek: function(time){}, // after the video has been seeked to a defined point 
    onMute: function(){}, // after the player is muted 
    onPlayerEnded: function(){ alert("Hello"); }, 
    onUnMute: function(){} // after the player is unmuted 
}); 
</script> 
相關問題