在 YouTube API 中检测事件源

Question

我在使用 YouTube IFrame API 创建的网页上有一个 youtube 播放器
当我收到onStateChange 事件时，就像在代码示例中一样：

var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      videoId: 'M7lc1UVf-VE',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });

当onPlayerStateChange 被调用时，我希望能够区分

1. 用户点击播放器 UI 并更改了状态（播放、暂停等）
2. 已进行 API 调用以更改状态（player.playVideo()、player.pauseVideo() 等）

目前两者都导致完全相同的事件。

Answer 1

1. 我想你会遇到跨域 iframe 问题。

   • The iframe cross-domain policy problem - 解释
   • Cross domain iframe issue - 如果页面和 iframe 页面都驻留在同一个域中的解决方案
   • How can I track a click event of an embedded video (youtube, vimeo, etc.)? (to track play count) - 类似的问题和答案，这是不可能的

2. 正如我在评论中提到的，传递给事件侦听器的事件对象中可能有一些有用的信息。我浏览了至少两个级别，发现用户点击操作和 API 调用之间没有区别。但是，对象中有很多信息，并且可能有助于区分这两个动作。

3. 如果您的代码正在进行 API 调用，也许您可​​以通过其他方式进行跟踪。然后您的代码可以判断是否进行了 API 调用。也许存储当前呼叫和时间戳——类似的东西。

4. 最后，也许还有另一种方法可以捕获您所追求的信息。您的问题并没有真正指定最终目标。我建议探索替代方案，因为似乎不可能实现简单的解决方案。