使用 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
   });