как записать переменную в append()

// Массив с ссылками на видео 
let videoArr = [ 
  'https://www.youtube.com/embed/PKRSCG7aIsM', 
  'https://www.youtube.com/embed/zAY0FjxsjZY', 
  'https://www.youtube.com/embed/meGsAvHRma0', 
  'https://www.youtube.com/embed/TzhbdV5iKgM', 
  'https://www.youtube.com/embed/TzhbdV5iKgM', 
  'https://www.youtube.com/embed/TzhbdV5iKgM' 
]; 
 
// При загрузке страницы - грузим видосы 
function ReadyVideo() { 
  $.each(videoArr, function(i){ 
    // Создаём список видео 
    $('.video-block .list').append('<div class="item" data-videolink="'+videoArr[i]+'">'+(i+1)+'</div>'); 
    if(i==0) { 
      // Первому вешаем класс active 
      $('.video-block').find('.list .item').addClass('active'); 
      // И "вставляем" ссылку в фрейм 
      $('.video-block').find('.frame iframe').attr('src', videoArr[i]); 
    } 
  }); 
} 
ReadyVideo(); 
 
// Ну и переключение "серий" 
$('.video-block .list').on('click', '.item', function(){ 
  // "отключим" переключение активной "серии" 
  if(!$(this).hasClass('active')) { 
    // Определяем ссылку, которую храним в "кнопке" при загрузке страницы 
    let href = $(this).data('videolink'); 
    // Ищем активную "серию" и удаляем с неё класс active 
    $('.video-block .list').find('.item.active').removeClass('active'); 
    // Ну и выбранной "серии" вешаем класс active 
    $(this).addClass('active'); 
    // А дальше обновляем ссылку в самом фрейме 
    $('.video-block .frame iframe').attr('src', href); 
  } 
});

.video-block { 
  display: block; 
  width: 300px; 
  height: 270px; 
} 
 
.video-block .list { 
  display: block; 
  width: 100%; 
  height: 20px; 
  overflow: auto hidden; 
} 
 
.video-block .list .item { 
  display: inline-block; 
  float: left; 
  color: #fff; 
  min-width: 20px; 
  height: 20px; 
  padding: 0 3px; 
  background: gray; 
  text-align: center; 
  box-sizing: border-box; 
  cursor: pointer; 
} 
 
.video-block .list .item:not(:last-child) { 
  margin-right: 3px; 
} 
 
.video-block .list .item.active { 
  background: black; 
  color: white; 
} 
 
.video-block .frame { 
  display: block; 
  width: 100%; 
  height: 250px; 
} 
 
.video-block .frame { 
  display: block; 
  width: 100%; 
  height: 100%; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div class="video-block"> 
  <div class="list"></div> 
  <div class="frame"> 
    <iframe src=""></iframe> 
  </div> 
</div>