获取YouTube数据并将其写入列表项
Get YouTube data and write it as list item
我正在尝试做一个视频列表,显示标题,链接,图像和视频的创建者: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)。
相关文章:
- ajax/jQuery Youtube 播放列表推送
- 提交youtube播放列表id并从id加载播放列表
- 获取youtube播放列表的参考
- 我可以使用网络爬虫将新的 youtube 视频添加到播放列表吗?
- YouTube播放列表 - 在页面加载时显示播放列表
- 带有 YouTube iframe API 的播放列表不再有效
- Youtube Iframe API - 检测播放列表的结束
- 为什么我的YouTube代码不适用于所有播放列表
- 如何为我的嵌入YouTube播放列表添加Facebook共享按钮
- 如何按地区获取当天观看次数最多的 Youtube 视频列表
- YouTube API - 从网址列表中获取视频分级
- 仅显示 YouTube 播放列表页面的列表
- YouTube API 以 5 x 3 网格而不是单列列表列出播放列表图标
- 如何建立具有youtube视频的视频播放列表
- 在videojs中制作youtube视频的播放列表
- 检索播放列表视频YouTube API的持续时间、视频图片和视图
- 获取所有视频ID'使用YouTube API将从YouTube播放列表转换为PHP数组
- 关于使用YouTube播放器API加载播放列表
- 如何使用Youtube Javascript API浏览播放列表
- 任务队列第5步失败:由于跨域策略限制,无法加载播放列表- Youtube