javascript - 使用 Youtube API 的多个视频

Question

我想知道是否有一个超链接列表，每个超链接都链接到一个 Youtube 视频，并且页面上有 Youtube 播放器 API

var tag = document.createElement('script');

  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      videoId: 'M7lc1UVf-VE',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }

问题是如何让videoId带变量？那么如果我有 10 个链接，每次点击链接时播放器都会显示该视频？

谢谢

Answer 1

您可以使用 YouTube IFrame Data API 执行此操作: https://developers.google.com/youtube/iframe_api_reference

您可以使用loadVideoById()或cueVideoById()；

player.loadVideoById({
     videoId: videoId,
     startSeconds: startSeconds,
     endSeconds: endSeconds
   });