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>"

}}

Answer 1

检查这些解决方案:

• YouTube:http://salman-w.blogspot.it/2010/01/retrieve-youtube-video-title.html
• Vimeo:Dynamically get thumbnails and titles of vimeo videos [SOLVED!]