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

我试图做的显示标题,链接,图像和视频的创作者的视频列表:•

<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玩弄)。

分类:JavaScript的 时间:2015-03-15 人气:0
本文关键词: JavaScript的,JSON
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.281 (s). 10 q(s)