javascript - 即时从 YouTube 获取视频数据

Question

在我的表单中，用户粘贴（或键入）来自 YouTube 的视频的 URL。发生这种情况时，我需要能够从 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>

但这只有在我已经知道<VideoID>何时加载视图时才有效，而我不知道？有什么方法可以解析视图中的 ID，然后使用它来返回我需要的数据。

Answer 1

在解析输入的 URL 后(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);
    });
}