在特定时间点击按钮 - youtube iframe api之间玩

Question

我有一个Youtube视频，有6集，我有六个按钮，onclick将跳到该特定剧集的开头。

这是工作fiddle。

var tag = document.createElement('script');
      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: '360',
          width: '640',
          videoId: 'L6cVcbkx8l8',
          events: {
            'onReady': onPlayerReady,
          }
        });
      }

      function onPlayerReady(event) {
        event.target.playVideo();

        $('#episode1').click(function(evt){
            console.log($(evt.currentTarget).val());
            player.seekTo(50)
        })
        $('#episode2').click(function(evt){
            console.log($(evt.currentTarget).val());
            player.seekTo(100)
        })
        $('#episode3').click(function(evt){
            console.log($(evt.currentTarget).val());
            player.seekTo(150)
        })
      }

我实际上要做的是当有人点击第2集时，它应该只在那个时间码之间播放（比如说xx.yy到aa.bb）。那么，我如何提及每一集的结束时间点击。