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

Get YouTube data and write it as list item

本文关键字:列表 YouTube 数据 获取      更新时间:2023-09-26

我正在尝试做一个视频列表,显示标题,链接,图像和视频的创建者: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>

谢谢。

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

我所做的改变使它看起来更好,并且工作。我不能让它显示正确的图像,但我打赌你可以解决这个问题。

希望这个JSFiddle能让您找到正确的方向(第一次使用YouTube API)。