javascript - モバイルで ID を使用して Youtube と Vimeo のサムネイルを取得する

Question

ビデオ名、タイプ (ビデオ プロバイダー: youtube または vimeo)、およびビデオ ID のデータベースがあるリストにサムネイルを表示しようとしていますが、サムネイルがまったく表示されません。これをループ内で実行しています。つまり、データベースからリスト全体を取得するために for ループで HTML ドキュメントを記述しています。私は多くの研究を行いましたが、まだ機能していません。理由はありますか？コードの一部を次に示します。

if (resp[0].recstatus != "NOTFOUND") { for (var i = 0; i < resp.length; i++) {

                p_str_li += "<li onclick=\"app.frmvideoGalleryService.viewModel.onVListClick('" + resp[i].drill_id + "')\" id='vid1" + i + "'  class='videoPreview'>"
                p_str_li += "      <div id='vid2" + i + "' class='vid_thumb'>"
                p_str_li += "         <a id='vid3" + i + "' >"
                p_str_li += "            <img id='vid4" + i + "' src='styles/images/placeholders/thumbnail.jpg' alt='commentPic'>"

                if (resp[i].video_type == 'VIMEO') {

                    $.ajax({
                        type: 'GET',
                        url: 'http://vimeo.com/api/v2/video/' + resp[i].video_id + '.json',
                        async: true,
                        jsonp: 'callback',
                        dataType: 'jsonp',
                        success: function (data) {
                            thumbnail_src = data[0].thumbnail_medium;
                            $('#vid4' + i).attr('src', thumbnail_src);
                        }
                    });


                }

                else if (resp[i].video_type == 'YOUTUBE') {
                    var thumbnail_src = 'http://i2.ytimg.com/vi/' + resp[i].video_id + '/hqdefault.jpg';
                    $('#vid4' + i).attr('src', thumbnail_src);
                }

                else {
                    $('#vid4' + i).attr('src', 'styles/images/placeholders/thumbnail.jpg');

                }

                p_str_li += "         </a>"
                p_str_li += "      </div>"

} }