jquery - サムネイルとビューを追加する方法

Question

このフィードにサムネイルとビューを追加する方法はありますか? フィードはこちら

そして、ここに変換が必要なコードの部分があります。

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("body").append("<div id = 'data'><ul>jffnfjnkj</ul></div>");
        var dataContainer = $("#data ul");
        $.ajax({
            url:'http://gdata.youtube.com/feeds/api/users/sony/uploads?alt=jsonc&v=2&callback=?',
            dataType: "jsonp",
            timeout: 5000,
            success: function(data){

                     $.each(data.data.items, 
                               function(i, val) {

                                 if (typeof(val.player) !== 'undefined' && typeof(val.title) !== 'undefined') {
                                    dataContainer.append('<li><a href='+val.player["default"]+' target="_blank">'+val.title+'</a></li>');
                                 }
                         });
                    }
                });
            });
});
</script>

Answer 1

簡単に、このように

dataContainer.append('<li><img src="'+val.thumbnail.sqDefault+'" width="120" height="90" alt="'+val.title+'"/><a href='+val.player["default"]+' target="_blank">'+val.title+'</a>Views '+val.viewCount+'</li>');

上のタイトルと親指の下のビュー

dataContainer.append('<li><a href='+val.player["default"]+' target="_blank">'+val.title+'</a><br /><img src="'+val.thumbnail.sqDefault+'" width="120" height="90" alt="'+val.title+'"/><br />Views '+val.viewCount+'</li>');