Question

我试图找出youtube API v3，我尝试做的一件事就是获取视频标题，如果你已经有了视频ID，我看到其他人正在做这个，但我还没有找到任何简单明了的示例代码来解决这个问题。

所以我设置了一个超级简单的＆＃34;起点演示＆＃34; ，使用此代码我将如何制作它，以便您在文本字段中输入视频的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>

CODE（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');
}

Answer 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>

CODE（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);
}

来自Id Youtube API v3的标题？

1 个答案:

解决了它：