유튜브 데이터를 얻고 난 제목, 링크, 이미지 및 비디오의 제작자 보여주는 비디오의 목록을 수행하려고

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

코딩 방법을 변경했습니다. http://jsfiddle.net/s6kNK/3/

내가 만든 변경 사항은 더 멋지게 보이게 만들었습니다. 올바른 이미지를 표시 할 수는 없지만 해결할 수있을 것입니다.

Answer 2

Hopefully this JSFiddle will set you in the right direction (YouTube API를 처음 접하는 경우).