Detect Video Completion using Youtube API

by Ivan Melgrati

HTML

<script src="http://www.youtube.com/player_api"></script>
<div id="player"></div>
<script>
  // create youtube player
  var player;

  function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
      width: '640',
      videoId: '668nUCeBHyY',
      playerVars: {
        'autoplay': 0,
        'controls': 0,
        'rel': 0,
        'fs': 0,
        'showinfo': 0
      },
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }

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

  // when video ends
  function onPlayerStateChange(event) {
    if (event.data === 0) {
      alert('Video ended');
    }
  }

</script>