2012-06-25 35 views
0

我在我的網站上有jQuery。我也有一個使用標準對象/嵌入代碼的YouTube視頻。我將如何使用jQuery,以便當YouTube視頻播放完畢後,頁面被重定向到一個新頁面?使用jQuery重定向YouTube視頻?

**編輯*

這是我的YouTube嵌入:

<div id="embed_player"> 
    <object id="embed_object" type="application/x-shockwave-flash" width="640" height="385" data="http://www.youtube.com/v/LgJxPKfV8sw"> 
     <param name="movie" value="http://www.youtube.com/v/LgJxPKfV8sw"> 
     <param name="allowfullscreen" value="true"> 
     <param name="allowscriptaccess" value="true"> 
     <param name="wmode" value="transparent"> 
     <param name="flashvars" value="autoplay=0&hd=1&fs=1&rel=0&version=3&enablejsapi=1&playerapiid=ytplayer"> 
    </object> 
</div> 

我曾嘗試加入以下JavaScript來我的頁面,但沒有成功...

<script type="text/javascript" src="http://www.youtube.com/player_api"></script> 
<script type="text/javascript"> 
function onYouTubePlayerReady(playerId) { 
    ytplayer = document.getElementById("ytplayer"); 
    ytplayer.addEventListener("onStateChange", "onytplayerStateChange"); 
} 

function onytplayerStateChange(newState) { 
    alert("Player's new state: " + newState); 
} 
</script> 

回答

3

您需要綁定到onstatechange事件:

onStateChange 只要玩家的狀態發生變化,就會觸發此事件。可能的值是未開始(-1),結束(0),播放(1),暫停(2),緩衝(3),視頻提示(5)。當SWF第一次加載時,它將廣播未啓動的(-1)事件。當視頻被提示並準備播放時,它將播放視頻提示事件(5)。

這裏有一些很好的文檔:https://developers.google.com/youtube/js_api_reference#Adding_event_listener

+0

如何在jQuery中綁定到這個事件? jQuery不是我的特長。 –

+0

請閱讀文檔,這很清楚。特別是在「訂閱事件」一節中,他們給出了一個很好的示例,說明如何使用onstatechange事件以及如何獲取當前狀態。 – Porco

+0

如果您在閱讀文檔後仍然遇到問題,請將它們發佈到這裏:) – Porco