使用youtube api通过jQuery获取youtube视频的标题

Question

从youtybe视频中获取标题的最简单方法是什么,例如此视频标题:

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

谢谢 !

Answer 1

使用jQuery对YouTube API 的JSON调用来获取结果,然后使用jQuery将结果放在您想要的位置.您可以使用firebug的NET选项卡确保请求/ respoonses正确返回,然后使用console.log()确保您正确解析响应.

例如.网址:

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

更多信息:

适用于特定视频的YouTube API

开发人员指南:JSON/JavaScript

Answer 2

这是@easement使用当前v3 YouTube Data API提供的原始答案的彻底修改.

为了向API发出请求,您可以使用jQuery的getJSON()调用通过AJAX从YouTube请求标题.YouTube的v3 Data API提供了3个可用于获取标题的端点:

1. 片段标题 - 视频的标题.属性值的最大长度为100个字符,可以包含除<和>之外的所有有效UTF-8字符.
2. Snippet Localized Title - 本地化视频标题,同样具有上述最大长度
3. 完全本地化标题 - 全长本地化视频标题.

使用Snippet标题的示例实现

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的开发人员工具或Firefox的Firebug),以确保您的请求/响应正确返回,然后使用console.log()记录返回的数据以确保您已解析反应正确.

补充阅读: YouTube Data API"入门"