Ejecutar acción al terminar reproducción de vídeo youtube

En este ejemplo vamos a saber como ejecutar una función o acción al terminar la reproducción de un vídeo de youtube insertado en nuestra web utilizando un poco de javascript es decir justo cuando el vídeo acabe realizamos una determinada acción y esto lo conseguimos con la propia API de youtube de una manera muy sencilla.

Ahora vamos con el código de ejemplo, tener en cuenta que también tenemos que cargar el vídeo con la API de youtube o al menos así lo hacemos en este ejemplo:

<div id="player"></div>
<div id="texto"></div>

<script src="http://www.youtube.com/player_api"></script>

<script>
    
    // create youtube player
    var player;
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          height: '390',
          width: '640',
          videoId: '4eJ7NGllyw0',
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
    }

    // autoplay video
    function onPlayerReady(event) {
        event.target.playVideo();
    }

    // when video ends
    function onPlayerStateChange(event) {        
        if(event.data === 0) {            
            //Ejecutar acción!!!!!!!!!!
            document.getElementById('player').style="display:none";
            document.getElementById('texto').innerHTML="Ya ah terminado!";
        }
    }
    
</script>

Demo