使用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数据API执行此操作：https://developers.google.com/youtube/iframe_api_reference

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

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