Javascript 获取YouTube数据并将其作为列表项写入

我正在尝试制作一个视频列表，显示视频的标题、链接、图像和创建者：S

<script type="text/javascript">
$(document).ready(function(){
$.getJSON('http://gdata.youtube.com/feeds/users/Username/uploads?alt=json-in-script&callback=?&max-results=12&start-index=1', function(data) {

$.each(data.feed.entry, function(i, item) {

var title = item['title']['$t'];
var video = item['id']['$t'];

video = video.replace('http://gdata.youtube.com/feeds/videos/','http://www.youtube.com/v/');  
videoID = video.replace('http://www.youtube.com/watch?v=',''); 

$('.allvideos').append('<a rel="shadowbox[video];height=390;width=640;" href="'+video+'" style="width:100%;display:block;"> '+title+'</a>');
Shadowbox.setup();
});

});


});
</script>

$（文档）.ready（函数（）{
$.getJSON（'http://gdata.youtube.com/feeds/users/Username/uploads?alt=json-在脚本&callback=？&max results=12&start index=1'中，函数（数据）{
$。每个（data.feed.entry，函数（i，项）{
var title=项目['title']['$t']；
var video=项目['id']['$t']；
视频=视频。替换（'http://gdata.youtube.com/feeds/videos/','http://www.youtube.com/v/');  
videoID=video.replace（'http://www.youtube.com/watch?v=',''); 
$（'.allvideos'）。追加（''）；
Shadowbox.setup（）；
});
});
});

我怎么能做这样的事

<div class="allvideos">
<div class="video">
<img src="[VIDEO_ICON]" />
<a href="[VIDEO_URL]">
<span>{NAME_VIDEO}</span>
<span>{NAME_CREATOR}</span>
</a>
</div>
</div>

---

谢谢。

（第一次玩弄YouTube API）。

我已经改变了你的编码方式

---

我所做的改变使它看起来更漂亮，效果更好。我无法让它显示正确的图像，但我打赌您可以解决这个问题。

您不应该手动构建链接，而应该使用

rel=alternate

和

type=text/html

查找

feed.entry.item.link

，并使用其

href

属性@拉契亚麦当劳的答案是正确的。这个json的本机格式实际上是一个atom提要，所以它看起来很难看。如果可以管理的话，在atom+xpath中使用这些提要要比在json中容易得多。