当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《使用youtubeapi通过jQuery获取youtube视频的标题》经验,为你挑选了2个好方法。

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

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

谢谢 !



1> easement..:

使用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



2> Sorry-Im-a-N..:

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

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

    片段标题 - 视频的标题.属性值的最大长度为100个字符,可以包含除<和>之外的所有有效UTF-8字符.

    Snippet Localized Title - 本地化视频标题,同样具有上述最大长度

    完全本地化标题 - 全长本地化视频标题.

使用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;
}
推荐阅读
LEEstarmmmmm
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有