2015-10-26 3 views
0

Я пытаюсь извлечь последнюю часть URL-адреса YouTube, чтобы я мог вставлять видео в мой желаемый контейнер. Оглянувшись на Stack, я считаю, что я на правильном пути.Извлечение конца URL-адреса

Если кто-то может мне помочь, это было бы очень признательно. Пожалуйста, смотрите мой код ниже:

$(document).ready(function() { 
    var thumbFetch = $('.js-thumb'); 
    var youTubeID = thumbFetch.val().substring(thumbFetch.lastIndexOf('/') + 1); 
    thumbFetch.change(function() { 
     if(thumbFetch.val().length > 0) { 
      $('.content-img-wrapper').html('<iframe width="100%" height="100%" src="http://www.youtube.com/embed/' + youTubeID + '?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>'); 
     } else { 
      $('.content-img-wrapper').empty(); 
      $('.content-img-wrapper').html('<div class="content-img-placeholder"></div>'); 
     } 
    }); 
}); 

Вот jsfiddle, так что вы можете увидеть, что происходит: http://jsfiddle.net/rxa0d7va/

Я получаю сообщение об ошибке: "thumbFetch.lastIndexOf не является функцией. Я не понимаю этого, поскольку я следую ответу на этот вопрос: Last segment of URL

Если кто-то может указать мне в направлении того, как я поступил неправильно, это было бы очень признательно.

ответ

1

Вы пропустили ссылку на значение thumbFetch.

У thumbFetch.val().lastIndexOf('/') + 1 вместо thumbFetch.lastIndexOf('/') + 1

+0

Нет проблем, и вы должны иметь эту линию внутри 'onchange' так, что' youTubeID' будет обновляться. – Griffith

+0

Полезно знать. Спасибо @Griffith. – danMad

Смежные вопросы