在网页上显示youtube json feed

时间:2013-08-02 21:26:58

标签: jquery html json youtube

我想使用YouTube提供的JSON Feed以特定方式显示我的YouTube播放列表视频。但是,我很难在我的网页上格式化它。有人可以帮忙吗?

以下是YouTube JSON Feed: https://gdata.youtube.com/feeds/api/playlists/jXVuxJfLPGPP-lUw5Es--O7y4XkK7G1o?v=2&alt=json

  • (我可以在最后一个网址的末尾添加“c”,并获得该Feed的不同版本)
  • (如果我摘下“& v = 2& alt = json”,那就是XML版本)
  • (我使用FeedBurner将其转换为RSS提要) http://feeds.feedburner.com/dclatestsermons?format=rss

我必须把它放在网页的正文中,因为我正在使用Weebly。我现在在页面上有类似的东西,效果很好。它使用来自其他网站的不同JSON提要。 这是代码:

<html>
<body>
<!-- I have to put it in the body, which is why I was leaning towards JSON -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script type="text/javascript">$(document).ready(function() 
{ $.ajax(
{url: 'https://destinychurch.smartevents.com/public/events.jsonp',
dataType: 'jsonp',success: function(eventfeed) 
{var eventsforhome = "<table>";
for (i=0;i<4;i++) { 
eventsforhome += "<tr><td><a href=" + eventfeed[i].url + 
"><img src=" + eventfeed[i].logo_cropped_url + 
"></a></td></tr>"; }
eventsforhome += ("</table>"); 
$('#events').append(eventsforhome); }});});
</script>

<div id=events></div>

</body>
</html>

我尝试使用相同的代码,交换Feed网址,交换变量,然后没有任何效果。

如果有人知道如何使用这些Feed中的任何一种来格式化网页正文中的YouTube视频,我们将不胜感激。谢谢!

  • 大卫

1 个答案:

答案 0 :(得分:0)

您是否已查看documentationthisthis等示例。我希望这有帮助。快乐的编码:)