jqueryを使用してビデオポスターを変更するにはどうすればよいですか？

私はビデオリスト作業をしています。そこには、3つの異なるIDを持つ3つのリンクがあります。ユーザーがリンクをクリックすると、ビデオとビデオのポスターが変更されなければなりません。私のjqueryコードを使用している間、ビデオは変化していますが、attr "ポスター"はまったく変化しません...何らかの理由がありますか？これは私が使っているコードです...

ビデオHTMLコード：

私のjqueryコード：

$('div.video-box-area img').click(function(){
    var nowSrc = $('video').attr('src');
    var change = nowSrc.replace(nowSrc.substr(12,1),$(this).parent().attr('id').substr(length-1));

    var poster = $('video').attr("poster");
    var posterChange = poster.replace(poster.substr(12,1),$(this).parent().attr('id').substr(length-1));

    $('video').attr("poster",posterChange);
    $('video').attr('src',change);

    return false;
});