// 2. This code loads the IFrame Player API code asynchronously.
      var tag = document.createElement('script');
      tag.src = "http://www.youtube.com/player_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      // 3. This function creates an <iframe> (and YouTube player)
      //    after the API code downloads.
      var player;
      function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          width: '230',
          height: '159',
          videoId: ytvideos.shift(),
          playerVars: {
            'playlist': ytvideos,
            'autoplay': 0,
            'controls': 1,
            'modestbranding': 1,
            'autohide': 1,
            'showinfo': 0,
            'theme': 'dark',
            'rel': 0,
            wmode: 'opaque'
          },
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
      }

      // 4. The API will call this function when the video player is ready.
      function onPlayerReady(event) {
      }

      // 5. The API calls this function when the player's state changes.
      //    The function indicates that when playing a video (state=1),
      //    the player should play for six seconds and then stop.
      function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.ENDED) {
          // Video has finished playing. Play next in playlist.
          nextVideo();
        }
      }

      function stopVideo() {
        player.stopVideo();
      }

      function nextVideo() {
        videoData = player.getVideoData();
        currentIndex = origytvideos.indexOf(videoData.video_id);
        player.loadVideoById(origytvideos[currentIndex + 1]);
      }