Javascript + Youtube API

Question

有人能解釋我如何從Youtube API獲取視頻網址嗎

有鏈接我必須先掃描。

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 ='https://www.youtube.com/v/o0n8tDS_pjM？

並把它作爲變量這樣：

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

但我不知道究竟如何在JavaScript或JQuery的做到這一點。但是如果你能幫我解決我的問題，我會很開心的。

準確地說，我需要從YouTube API獲取最新的視頻，並將其顯示在我的網站上的iframe中。

Answer 1

嵌入視頻，正確的網址是https://www.youtube.com/embed/code

例如：

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

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

Answer 2

首先改變你使用的網址，加入& 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]) 
}) 

我在codepen測試了這個

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"