在移动设备上使用 ID 获取 Youtube 和 Vimeo 缩略图

Get Youtube and Vimeo thumbnails using ID on mobile

我正在尝试让缩略图显示在列表中 我有一个数据库,其中包含视频名称、类型(视频提供商:youtube 或 vimeo)和视频 ID,但根本不显示缩略图。我在循环中执行此操作,即在 for 循环中编写 HTML 文档以从数据库中获取整个列表。我做了很多研究,但仍然没有用。知道为什么吗? 这是代码的一部分:

if (resp[0].recstatus != "NOTFOUND") { 对于 (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>"

} }

检查这些解决方案: