2016-09-29 18 views
0

我有不同的YouTube視頻ID在iframe中的發揮,目前只有一個視頻同時播放,用於處理下一個視頻,我試圖onPlayerStateChange()事件,但事件不觸發時視頻結束後,有什麼方法可以在視頻結束時播放一個事件或者一個接一個地播放多個視頻。任何人都請幫助我。如何發揮YouTube視頻列表中的iframe

我試過下面的代碼。

的html代碼:

<script type="text/javascript"> 
function ifplayer_onPlayerStateChange() { 
      alert("statechanged"); 
     } 
</script> 
<iframe id="ifplayer" runat="server"/> 

CS代碼:

ifplayer.Attributes.Add("src", "//www.youtube.com/embed/videoid"); 
ifplayer.Attributes.Add("onload", "ifplayer_onPlayerStateChange();"); 
+0

你可以在這裏找到它。 – 2016-10-03 09:02:50

+0

我們如何能請建議我.. –

+0

您已經打上一個答案... – 2016-10-03 12:48:21

回答

0

我厭倦了這樣下面的代碼後,第一視頻結束播放其他視頻,它爲我工作。

<iframe class="ytplayer" src="https://www.youtube.com/watch?v=pwfnT4CKoJo?enablejsapi=1" id="player" height="500" width="600" runat="server"></iframe> 

<script> 
var player; 
function onYouTubeIframeAPIReady() { 
     player = new YT.Player('player', { 
      events: { 'onStateChange': onPlayerStateChange },    
     }); 
     } 
     function onPlayerStateChange(event) { 
     switch(event.data) { 
      case 0:    
        document.getElementById('player').src = "https://www.youtube.com/watch?v=bhGQSsuTjmw?enablejsapi=1"; 
        onYouTubeIframeAPIReady();       
      break; 
      case 1: 
       alert('video playing from ' + player.getCurrentTime()); 
      break; 
      case 2: 
       alert('video paused at ' + player.getCurrentTime 
      break; 
     } 
     } 
</script> 
0

我建議考慮看看YouTube的API首先,看看是否可以帶走一些你需要做的工作是谷歌可能已經創建了一個解決這個。爲什麼你需要一個`iframe`如果有可能不`iframe`以及https://developers.google.com/youtube/code_samples

+0

會有很多,請提供給我確切的url..thankyou –