Javascript 动态获取vimeo视频的缩略图和标题

从这个问题开始：

我正在尝试创建一个包含几个vimeo视频的页面

我希望HTML中的视频如下所示：

<div id='12345678' class='vimeo'></div>
<div id='23423423' class='vimeo'></div>

<div id='12345678' class='vimeo'>
    <a href='https://vimeo.com/12345678'>
        <img src='url-to-thumbnail.jpg' />
        Video Title
    </a>
</div>

（为了清晰起见，添加了缩进）

这是我从另一个问题开始的观点：

<script type="text/javascript">
    $.ajax({
        type:'GET',
        url: 'http://vimeo.com/api/v2/video/' + video_id + '.json',
        jsonp: 'callback',
        dataType: 'jsonp',
        success: function(data){
            var thumbnail_src = data[0].thumbnail_large;
            $('#thumb_wrapper').append('<img src="' + thumbnail_src + '"/>');
        }
    });
</script>

<div id="thumb_wrapper"></div>

$.ajax({
类型：'GET'，
网址：'http://vimeo.com/api/v2/video/“+video_id+”.json”，
jsonp:“回调”，
数据类型：“jsonp”，
成功：功能（数据）{
var thumbnail\u src=数据[0]。thumbnail\u大；
$（'#thumb_wrapper'）。追加（''）；
}
});

试试这个：-

假设id为的div已经存在

  success: function(data){

              $('<a/>',{
                 href:data[0].url,
                 text:data[0].title }).append(
              $('<img/>' ,{
                 src:data[0].thumbnail_large
              })
              )
              .appendTo('#'+data[0].id)
        }

成功：函数（数据）{
$（'将html附加到相应的div

var vimeo_content="<a>\
                        <img />\
                        <span></span>\
                    </a>";
// on success function
function(){
    var vdata = data[0];
    var thumbnail_src = vdata.thumbnail_large;
    var video_title   = vdata.title;
    var video_url     = vdata.url;

    $vimeo_content    = $(vimeo_content);
    $vimeo_content.find('a').attr('href',url);
    $vimeo_content.find('img').attr('src',thumbnail_src);
    $vimeo_content.find('span').text(title);
    //append to corresponding div
    $vimeo_content.appendTo($('div#'+video_id));
}

var vimeo_content=”\
你有没有id为的div已经存在，并且构建的带有图像的锚将被附加到它上面？`div id='12345678'class='vimeo'>``这已经存在于DOM中？是的，我将手动输入我想要的视频的所有id为的div。我希望js来填充细节。好的，试试我答案中的第一个，然后，我还没有测试，但是b但是它应该可以正常工作。id为的div已经存在。但是如何将id从div获取到
url:
中
video\u id
部分的
.ajax
调用中？这会不会将id注入到该类页面上的所有div中？您可以获得它？您计划如何使用vimeo类为每个div执行此操作ning进行ajax调用并填充它？太棒了！你太棒了！
这个。
正是我想要的，谢谢！加载时有没有办法让缩略图进入
fadeIn
？
var vimeo_content="<a>\
                        <img />\
                        <span></span>\
                    </a>";
// on success function
function(){
    var vdata = data[0];
    var thumbnail_src = vdata.thumbnail_large;
    var video_title   = vdata.title;
    var video_url     = vdata.url;

    $vimeo_content    = $(vimeo_content);
    $vimeo_content.find('a').attr('href',url);
    $vimeo_content.find('img').attr('src',thumbnail_src);
    $vimeo_content.find('span').text(title);
    //append to corresponding div
    $vimeo_content.appendTo($('div#'+video_id));
}