在手机上使用ID获取Youtube和Vimeo缩略图

时间:2015-08-24 14:54:32

标签: javascript ajax youtube vimeo video-thumbnails

我想让缩略图显示在列表中 我有一个数据库,其中包含视频名称,类型(视频提供者: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>"

} }