獲取與使用jQuery的YouTube API

什麼是讓從youtybe視頻標題，例如該視頻標題最簡單的方法的YouTube視頻的標題：獲取與使用jQuery的YouTube API

http://www.youtube.com/watch?v=Wp7B81Kx66o

謝謝！在你身體的一部分

<script type="text/javascript"> 
function showMyVideos(data) { 
    var feed = data.feed; 
    var entries = feed.entry || []; 
    var html = ['<ul>']; 
    for (var i = 0; i < entries.length; i++) { 
    var entry = entries[i]; 
    var title = entry.title.$t; 
    html.push('<li>', title, '</li>'); 
    } 
    html.push('</ul>'); 
    document.getElementById('videos').innerHTML = html.join(''); 
} 
</script>

這：

來源

2010-03-19 AlexC

看一看這樣的：（[如何使用YouTube API來獲取的YouTube視頻鏈接的縮略圖] http://stackoverflow.com/questions/2068344/how-to-得到-縮略圖的-使用YouTube網站的視頻鏈接，YouTube上的API/2108248＃2108248）。它表示縮略圖，但幾乎可以獲取有關視頻的任何公開信息。 – 2012-11-14 06:09:51

使用jQuery's JSON呼籲YouTube的API來獲取返回結果，然後使用jQuery把結果在那裏你要他們。你可以使用螢火蟲的NET標籤來確保你的請求/回覆正確回來，然後使用console.log（）來確保你正確解析了迴應。

例如。網址：

GET https://gdata.youtube.com/feeds/api/videos/(the-video-id)?v=2&alt=json

更多信息：

YouTube API for a specific video

Developer's Guide: JSON/JavaScript

來源

2010-03-19 15:28:48 easement

無法使用 – 2015-12-10 03:57:55

這是已棄用的YouTube v2 API，@AlexC如果您發現它是正確的，請更新下面的答案 – 2016-08-26 19:42:56

試試這個

<body> 
<div id="videos"> 
<script 
    type="text/javascript" 
    src="http://gdata.youtube.com/feeds/users/GoogleDevelopers/uploads?alt=json-in-script&format=5&callback=showMyVideos"> 
</script> 
</div> 
</body>

來源

2010-03-19 15:27:02 XGreen

-2

jQuery的列表視圖前嘗試此展示YouTube功能的畫面。

<script> 
function showMyVideos(data) { 
    var feed = data.feed; 
    var entries = feed.entry || []; 
    var html = ['<ul data-role="listview">']; 
    for (var i = 0; i < entries.length; i++) { 
     var entry = entries[i]; 
     var title = entry.title.$t; 
     var feature = entry.content.$t.substring(entry.content.$t.indexOf("src=")+5); 
     feature = feature.substring(0,feature.indexOf('"')); 
     html.push('<li><img src="' ,feature , '" />' , title , '<p>' , feature, '</p></li>'); 
    } 
    html.push('</ul>'); 
    document.getElementById('videos').innerHTML = html.join(''); 
} 
</script> 

<div id="videos"> 
<script 
src="http://gdata.youtube.com/feeds/users/mostviewcomedy/uploads?alt=json-in-script&format=5&callback=showMyVideos"> 
</script> 
</div>

來源

2013-05-05 08:13:29

這很糟糕，因爲您仍在提取所有數據，您只想獲取正確的數據，就像通過請求參數進行所有過濾一樣，而不是客戶端 – 2014-09-13 23:59:28

這是一個去就實現使用當前v3 YouTube Data API由@easement提供的原始答案。

爲了向API發出請求，您可以使用jQuery's getJSON() call通過AJAX從YouTube請求標題。 YouTube的V3數據API提供了3個端點，可以用來獲得標題：

Snippet Title - 視頻的標題。該屬性值的最大長度爲100個字符，並且可能包含除<和>之外的所有有效UTF-8字符。
Snippet Localized Title - 本地化視頻標題，同上述最大長度
Full Localized Title - 全長本地化視頻標題。使用片段標題

樣品實施

var yt_api_key = {your YouTube api key}, 
 
    yt_video_id = {your YouTube video id}, 
 
    yt_snippet_endpoint = "https://www.googleapis.com/youtube/v3/videos?part=snippet&id=" + yt_video_id + "&key=" + yt_api_key; 
 

 
var jqxhr = $.getJSON(yt_snippet_endpoint) 
 
    .done(function(data) { 
 
    console.log("second success callback"); 
 
    var title = getTitle(data); 
 
    // do something with title here 
 
    }) 
 
    .fail(function() { 
 
    console.log("error, see network tab for response details"); 
 
    }); 
 

 
function getTitle(snippet_json_data){ 
 
    var title = snippet_json_data.title; 
 
    return title; 
 
}

調試提示：您可以使用開發者工具來查看網絡請求（即Chrome's developer tools或Firefox's Firebug），以確保您請求/響應正確回來，然後使用console.log（）記錄返回的數據以確保你正確地解析了響應。

補充閱讀： YouTube Data API "getting started"

來源

2016-08-26 21:03:01

獲取與使用jQuery的YouTube API

回答

相關問題