YouTube視頻完成時的事件

我有簡單的html代碼，點擊圖像後播放youtube視頻。YouTube視頻完成時的事件

<body> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

<div id="ytapiplayer2" style="display:none;"> 
<object width="1280" height="745"> 
<param name="movie" value="http://www.youtube.com/v/kCfP003Btjw?fs=1&hl=en_US&rel=0&autoplay=1"></param> 
<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param> 
<embed src="http://www.youtube.com/v/kCfP003Btjw?fs=1&hl=en_US&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="745"></embed> 
</object> 

</div> 


<img src="https://i.qmyimage.com/mgen/global/zGetImageNew.ms?args=%22shpimg4198.jpg%22,425,96,1" id="imageID" /> 
<script type="text/javascript"> 
$('#imageID').click(function() { 
$('#ytapiplayer2').show(); 
$('#imageID').hide(); 
}); 
</script> 
</body>

我需要隱藏的視頻和顯示圖像回來，之後視頻播放完畢。如何實現？

來源

2012-05-27 ihorko

YouTube有一個JavaScript API：https://developers.google.com/youtube/js_api_reference

你需要的是onStateChange事件，結束的時候它會給你0。

player.addEventListener("onStateChange", function(state){ 
    if(state === 0){ 
     // the video is end, do something here. 
    } 
});

來源

2012-05-27 10:45:13 wong2

HM，我添加到我的代碼，player.addEventListener（「onStateChange」，功能（狀態）{ 如果（狀態=== 0）{ 警報（ '結束'）;} } ） ; 但事件不會發生！ – ihorko

也許您必須更改嵌入視頻的方式，請參閱以下示例：https://developers.google.com/youtube/js_api_reference#Examples並記住加載api腳本 – wong2

狀態是一個對象。您必須檢查state.data === 0（我在iframe url中使用＆enablejsapi = 1＆version = 3） –

YouTube視頻完成時的事件

回答

相關問題