Контроль скорости Youtube с помощью input range

Как сделать контроль скорости видео через Youtube API с помощью input range? https://jsfiddle.net/6cokvm09/

<div id="player"></div>
<input type="range" value="1" min="0.01" max="5" step="0.01" id="speed_control">

<script>
      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: '390',
          width: '640',
          videoId: 'J2mK8Vqmf7E',
          events: {
            'onReady': onPlayerReady,
          }
        });
      }
    
      function onPlayerReady(event) {
        event.target.playVideo();
        $('#time-slider').attr('max', player.getDuration())
        $('#time-slider').change(function(evt){
          console.log($(evt.currentTarget).val());
          player.seekTo($(evt.currentTarget).val())
          
        })
      }
</script>