没有 api 密钥的 YouTube 视频标题和持续时间

如何在不使用 api 密钥的情况下获取 youtube 视频标题和时长？

我检查过带有 API v3 且没有 API 密钥的 Youtube 视频标题？ https://stackoverflow.com/questions/30084140/youtube-video-title-with-api-v3-without-api-key链接，但这仅给出标题而不给出持续时间。

那么如何在没有 api key 的情况下获得持续时间呢？

对于在 2020 年寻找此问题答案的人们。您可以使用YouTube Iframe API https://developers.google.com/youtube/iframe_api_reference。您不需要 API 密钥！ 首先，将 api 链接插入到 JS 中，如下所示：

  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

之后，您使用所需的 videoID 创建播放器，如下所示：

  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      videoId: 'SIWbjgPYcJY',
      playerVars: {
        'autoplay': 0,
        'controls': 1
      },
      events: {
        'onReady': onPlayerReady
      }
    });

  }

然后，您需要通过将变量分配给 HTML 来获取标题和持续时间。我们将其放置在 onPlayerReady 中。

  function onPlayerReady(event) {
    time = player.getDuration();
    $(".dur").val(time);
    title = player.getVideoData().title
    $(".title").val(title);
  }

最后一件事是将播放器、持续时间和标题放入 HTML 中：

<div id="player"></div>
<br>
<span>Titel:</span><input class="title">
<br>
<span>duration:</span><input class="dur">
<br>

JSFIDDLE http://jsfiddle.net/ce53kmfb/