来自 ID Youtube API v3 的标题？答案

【问题标题】：Title from Id Youtube API v3?来自 ID Youtube API v3 的标题？
【发布时间】：2016-10-04 09:04:50
【问题描述】：

我正在尝试找出 youtube API v3，如果您已经有视频 ID，我正在尝试做的一件事是获取视频的标题，我见过其他人这样做，但我还没有找到任何简单直接的示例代码来说明如何做到这一点。

所以我设置了一个超级简单的“起点演示”，我将如何使用此代码在文本字段中输入视频的 ID，然后按获取标题并且 ytTitle div 文本会随着视频的标题而更新。

代码（HTML）：

<input id="textbox_id" placeholder="YT ID here" type="text" />
<button id="btnGetTitle">GetTitle</button>
<div id="ytTitle">Title Name here</div>

代码（Javascript/jQuery）：

  var varID = "78RUGbKkMFI"; //https://www.youtube.com/watch?v=78RUGbKkMFI
  var varApiKey = "AIzaSyDDBk8tAkod1VRRNyFZF09fgQyMpnSe5HI"; //https://console.developers.google.com

  $(document).ready(function () {
        $("#btnGetTitle").click(
            function () {
                ChangeText();
            }            
        );
    });

function ChangeText() {
   $('#ytTitle').text('Title');
}

【问题讨论】：

标签： javascript jquery html api youtube-api

【解决方案1】：

解决了：

JSFIDDLE DEMO

代码（HTML）：

<input id="textbox_id" placeholder="YT ID here" type="text" />
<button id="btnGetTitle">GetTitle</button>
<div id="ytTitle">Title Name here</div>

代码（JavaScript/jQuery）：

  var varID = '78RUGbKkMFI';
  var varApiKey = 'AIzaSyDDBk8tAkod1VRRNyFZF09fgQyMpnSe5HI';

  $(document).ready(function () {
        $("#btnGetTitle").click(
            function () {
            getVids ($('#textbox_id').val()); //varId
            }            
        );
    });

function getVids(vid){
  $.get(
    "https://www.googleapis.com/youtube/v3/videos",{
    part: 'snippet', 
    id: vid, 
    key: varApiKey},
      function(data){
      ChangeText(data.items[0].snippet.title);
      }
  )
}


function ChangeText(titleText) {
   $('#ytTitle').text(titleText);
}

【讨论】：