Javascript + Youtube API

Question

有人能解释一下如何从Youtube API获取视频URL吗？

这是我必须首先扫描的链接。

https://gdata.youtube.com/feeds/api/users/K8ijg73GqrMLt5klQTDW1g/uploads/?max-results=1

它会给我很大的代码，我必须从这段代码中获取url=''；：

<media:content url='https://www.youtube.com/v/o0n8tDS_pjM?version=3&amp;f=user_uploads&amp;app=youtube_gdata' type='application/x-shockwave-flash' medium='video' isDefault='true' expression='full' duration='100' yt:format='5'/>

好吧。所以我得拿着这个

url='pjM？

并将其作为变量：

<iframe src="https://www.youtube.com/v/o0n8tDS_pjM?"></iframe>

但我不知道如何在JavaScript或JQuery中做到这一点。但如果你能帮我解决我的问题我会同意的。

准确地说，我需要从YouTube API获得最新的视频，并在我的网站上显示它的iframe。

Answer 1

要嵌入视频，正确的url是https://www.youtube.com/embed/code。

示例：

<iframe src="https://www.youtube.com/embed/o0n8tDS_pjM?"></iframe>

有一个例子http://jsfiddle.net/5wt37ns0/

Answer 2

首先更改您使用的URL，添加&alt=json使数据json和票价更易于处理。

https://gdata.youtube.com/feeds/api/users/K8ijg73GqrMLt5klQTDW1g/uploads/?max-results=1&alt=json

既然我们得到了JSON，那么处理返回的数据就容易多了

Html：

<iframe width="1280" height="720" allowfullscreen id="frame"></iframe>

现在，javascript函数：

$.getJSON("https://gdata.youtube.com/feeds/api/users/K8ijg73GqrMLt5klQTDW1g/uploads/?max-results=1&alt=json", function(data) {
    $("#frame").attr("src","//www.youtube-nocookie.com/embed/"+ data.feed.entry[0].id.$t.split("/")[6])
})

我已经用代码测试过这个

1. http://codepen.io/MaxJP/full/jErRZz/ (全屏)
2. http://codepen.io/MaxJP/pen/jErRZz?editors=101 (代码)

Answer 3

简单如下：.split()函数

'https://www.youtube.com/v/o0n8tDS_pjM?version=3&f=user_uploads&app=youtube_gdata'.split('?')[0]
"https://www.youtube.com/v/o0n8tDS_pjM"