【问题标题】:Get YouTube Profile Icon From YouTube Username从 YouTube 用户名获取 YouTube 个人资料图标
【发布时间】:2014-09-21 15:21:24
【问题描述】:

我正在制作一个小型应用程序,并希望集成一个 YouTube 部分。

我已经有一种方法可以使用以下方式获取 URL 购买中看到的频道名称:

<?php echo $user['username']; ?>

用户名始终是 YouTube 频道名称。现在 YouTube 已与 Google+ 连接,这些图标基于 Google plus。

因此,指向频道图标的链接不仅仅是 http://data.youtube.com/youtubeusername/icon.jpg 或其他东西(这是虚构的)。

图标网址更像:

https://yt3.ggpht.com/-wJihGYNAGRE/AAAAAAAAAAI/AAAAAAAAAAA/ZVJ8gCn1JcU/s100-c-k-no/photo.jpg

我正在寻找可以告诉我如何根据他们的 YouTube 用户名检索频道图标的人,以及如何在我现有的页面中实现该图标。

【问题讨论】:

    标签: javascript php youtube youtube-api google-api


    【解决方案1】:

    您可以使用这样的 url 获取用户图像:

    http://gdata.youtube.com/feeds/api/users/communitychannel
    

    您可以通过附加查询字符串来获取用户名和图像缩略图,如部分响应 api 中所述:?fields=yt:username,media:thumbnail

    您可以通过附加以下内容获得 json 格式的响应,以便在 javascript 中轻松使用:&alt=json-in-script&format=5

    您还可以通过附加:&callback=showImage

    指定在响应加载后执行的回调

    您的网址现在如下所示:

    http://gdata.youtube.com/feeds/api/users/communitychannel?fields=yt:username,media:thumbnail&alt=json-in-script&format=5&callback=showImage
    

    要在页面中使用它,请将其放在脚本标记中,如下所示:

     <script type='text/javascript' src="your_url"/>
    

    回调应该是这样的:

    function showImage(data)
    {
      var name= data.entry.yt$username.$t;
      var url = data.entry.media$thumbnail.url;
      $(document).append("<img src='"+ url +"'/>");
    }
    

    您必须确保在加载数据之前定义了 showImage 回调函数。

    【讨论】:

    • 谢谢,现在如何在 HTML 标签中实现它?
    • 你可以添加一个带有 ID 的图像标签,比如说 le 称之为 yimg HTML ; javascript 函数 showImage(data) { var name= data.entry.yt$username.$t; var url = data.entry.media$thumbnail.url; $('yimg').attr('src',url); }
    • 可能是 标签?
    • 请检查 gdata.youtube.com/feeds/api/users/…); $data = str_replace('// API回调','',$data); $data = str_replace('showImage(','',$data); $data = str_replace('"}}});','"}}}',$data); $data = json_decode($data,true); echo '';函数 doCURL($url){ $ch = curl_init($url); curl_setopt_array($ch, array( CURLOPT_RETURNTRANSFER => TRUE )); $response = curl_exec($ch);返回$响应; } ?>
    • 很遗憾,这不再受支持。
    猜你喜欢
    • 2013-08-19
    • 2016-09-02
    • 1970-01-01
    • 1970-01-01
    • 2016-02-19
    • 2014-01-04
    • 2016-07-29
    • 2017-12-20
    • 1970-01-01
    相关资源
    最近更新 更多