javascript - 変数が定義されているときに変数が未定義のエラー

Question

このコードは6か月間機能しましたが、突然このコードがスローされ始めました。iframeのYouTube動画の問題を回避するために、Tumblrのテーマを作成する必要がありました。

明らかにエラーをスローしている行は次のとおりです。

if(theVidURL.indexOf('youtu.be') >= 0)

エラー：TypeError：theVidURLが未定義です

残りのコードは次のとおりです。

function replaceThumbnailImg(){
    // var classes = $('article.video').attr('class').split(' ');
        articles = $('article.video');
        articles.each(function(){

            var headers = $(this).find('header');
            var theVidURL = $(this).find('.source_link').attr('href');

            var theVidURLArray = null;

            if(theVidURL.indexOf('youtu.be') >= 0){
                theVidURLArray = theVidURL.split('.be/');
                if(typeof theVidURLArray[1]!='undefined'){theVidURLArray = theVidURLArray[1].split('/');}

            } else {
                theVidURLArray = theVidURL.split('v=');

                if(typeof theVidURLArray[1]!='undefined'){theVidURLArray = theVidURLArray[1].split('&');}
                    theVidURLArray = theVidURLArray[0].split('?');
                }
        if(theVidURL.indexOf('youtu') >= 0){ 
            headers.each(function(){
                    theThumbURL = 'http://img.youtube.com/vi/'+theVidURLArray[0]+'/0.jpg';

                    $(this).html('<img src="'+theThumbURL+'" />');
                });
        }
            // $('header').html('');
        });
    }