5

この質問からピックアップ: Vimeo から img サムネイルを取得しますか?

いくつかの vimeo ビデオを含むページを作成しようとしています。

HTML 内のビデオを次のようにしたい:

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

そして、jQuery にdivs、が vimeo のサムネイルで、imgがビデオを指し、そのテキストがビデオのタイトルである を入力する必要があります。つまり、次のようになります。srca

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

2 に答える 2

3

対応する div に html を追加します

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));
}
于 2013-05-15T01:20:49.297 に答える