youtube api fin del video carga una función

Question

Estoy tratando de usar la API de YouTube para detectar cuándo termina un video y luego llamar a una función JS. Tengo que cargar otra. La función de llamada está en otro documento JS que está en el encabezado de mi documento HTML. Este es el código que tengo hasta ahora del sitio API, pero estoy realmente confundido con él.

<pre><code> <script> 




var ytfullplayer; 
    function onYouTubePlayerAPIReady() { 
     console.log('onYouTubePlayerAPIReady'); 
     ytfullplayer = new YT.Player('myVid', { 
      events: { 

       if ''onStateChange': getVideo 

      } 
     }); 

    } 
    function getVideo(); } 


</script> </code> </pre> 

He llamado youtube api en el encabezado de mi página. Pero no estoy 100% seguro de si va allí. Cualquier asistencia sería agradable. Estoy usando un video para mi youtube.

Saludos Matt

Answer 1

La API proporciona un ejemplo de lo que está intentando por debajo Subscribing to Events:

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

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

vincular a su función personalizada como el controlador para el evento "onStateChange", y evaluar el nuevo estado desde adentro. De acuerdo con la parte de Eventos de la API, está buscando el estado 0, que indica que el video ha finalizado.

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