Question

我正在尝试制作一个视频列表，显示视频的标题，链接，图片和创建者：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>

我该怎么办？

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

感谢。

Answer 1

Hopefully this JSFiddle will set you in the right direction（第一次玩YouTube API）。

Answer 2

我改变了你编码的方式。 http://jsfiddle.net/s6kNK/3/

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

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

2 个答案: