使用 javascript youtube api 加载新的 youtube iframe

Question

我所有的代码都在这里：http://jsfiddle.net/frankzfaz/B8nex/

基本上，我让 youtube api 以我希望的方式与对象嵌入一起工作，但我希望它以这种方式与 iframe 一起工作。

在我的jsfiddle 中发生的情况是，每次按下按钮时都会加载新视频，并且这些视频是从 JavaScript 数组中加载的，一次一个。这就是我希望它与 iframe 一起使用的方式。

我知道我应该使用这个：

function onYouTubeIframeAPIReady() { // called automatically when the iframe API loads.
  var player = new YT.Player(playerId, { // passing the reference to the DOM element of your existing iframe
    events: {
      'onStateChange': onPlayerStateChange,
      'onError': onPlayerError
    }
  });
}

我已经尝试在全局范围和函数范围中使用它，但运气不好！它仅在页面加载时立即加载一个视频时才有效。如果视频在页面之后加载，iframe api 将不会拾取它。

Answer 1

您可以使用player.loadVideoById (docs) 启动播放器一次并播放下一个视频，就像您使用player.getCurrentTime() 一样。无需使用 iframe :)。