即时从YouTube获取视频数据

时间:2012-09-20 15:07:15

标签: javascript ajax json youtube youtube-api

在我的表单中,用户从YouTube粘贴(或键入)视频的网址。发生这种情况时,我需要能够从YouTube获取相关数据并预先填充某些字段,例如标题,描述和宽度/高度。

我遇到的问题是我能找到的唯一例子,您已经拥有所需视频的ID:

<script type="text/javascript" src =
 "http://gdata.youtube.com/feeds/api/videos/<VideoID>?v=2&amp;alt=json-in-script&amp;callback=FeedCallback"
</script>

<script type="text/javascript">
 function FeedCallback( data )
  {
   //get title from YouTube Data API via JSON
   document.getElementById('Title').innerHTML = data.entry[ "title" ].$t;
  }
</script>

但是只有在我加载View时我已经知道<VideoID>,这才会有用,我不知道吗?有没有办法在视图中解析ID,然后使用它来返回我需要的数据。

1 个答案:

答案 0 :(得分:0)

解析输入的网址以获取(id)后,我使用了以下函数:

function fetch_data(id) {
    var url = 'https://gdata.youtube.com/feeds/api/videos/' + id + '?v=2&alt=json-in-script&callback=?';

    $.getJSON(url, function (data) {
        $('input#DataProvider_Title').val(data.entry.title.$t);
        $('textarea#DataProvider_Description').val(data.entry.media$group.media$description.$t);
    });
}