播放下從列表YouTube視頻時，實際結束

Question

我在看「iframe_api_reference」我想讓類似的東西發揮的實際視頻結束後的下一個視頻的播放列表，所以......

在此基礎上：

<div id = "player" style = "height: 390; width: 590;"></div> 
<script src="http://www.youtube.com/player_api"></script> 
<script> 
    var player; 
    function onYouTubePlayerAPIReady() { 
     player = new YT.Player('player', { 
      height: '390', 
      width: '590', 
      videoId: "4kpXVR6LavI", 
      events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      } 
     }); 
    } 
    function onPlayerReady(event) { 
     event.target.playVideo(); 
    } 
    function onPlayerStateChange(event) {   
     if(event.data === 0) { 
      alert("over");   
     } 
    } 
</script> 

我想拍攝下的視頻，從這樣的事情：

<div class="youtube" id="4kpXVR6LavI"> 
    <p>Video title</p> 
    <img src="portraitphoto" alt=""> 
</div> 

我如何做呢？謝謝！

Answer 1

您需要將事件偵聽器添加到您的應用。 player.addEventListener(event:String, listener:String):Void。監聽器是一個字符串，用於指定在指定事件觸發時將執行的函數。

包含onStateChange，此事件在玩家狀態改變時觸發。 API傳遞給您的事件偵聽器函數的值將指定一個與新玩家狀態相對應的整數。

function onYouTubePlayerReady(playerId) { 
    ytplayer = document.getElementById("myytplayer"); 
    ytplayer.addEventListener("onStateChange", "onytplayerStateChange"); 
} 

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

綁定您的自定義功能的處理器的"onStateChange"事件，並從內部評估新的狀態。根據API的「事件」部分，您正在查找狀態0，指示視頻已結束。

function onytplayerStateChange(newState) { 
    if (newState == 0) { 
     /* load next video */ 
    } 
}