youtube video id change

HTML

<div id="player"></div>
<br>
<span>Titel:</span><input class="title">
<br>
<span>duration:</span><input class="dur">
<br>

CSS

.title {
  width: 100%;
}

JavaScript

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;
  var time;

  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      videoId: 'SIWbjgPYcJY',
      playerVars: {
        'autoplay': 0,
        'controls': 1
      },
      events: {
        'onReady': onPlayerReady
      }
    });

  }

  function onPlayerReady(event) {
    time = player.getDuration();
    $(".dur").val(time);
    title = player.getVideoData().title
    $(".title").val(title);
  }