javascript - Youtube - 检查视频何时加载

Question

我正在使用 AJAX 动态更改我的 Youtube 视频的视频 ID。我的 AJAX 调用几乎是即时的，但我注意到在 Youtube 上触发我的请求以获取我的下一个视频的内容时存在延迟。因此，我想在等待 Youtube 的响应时隐藏我的 Youtube 播放器。

我的问题是如何通过 JavaScript 检测我的 Youtube 视频何时完成加载？

<iframe id="ytplayer" class="hide" type="text/html" width="840" height="470" src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen>

编辑 - 我的 AJAX 是如何工作的:

当用户点击我网站上的视频按钮时，会出现一个模式。我的 AJAX 在模式加载时从我的数据库中提取视频 ID，并修改 #ytplayer的 src 属性以包含此视频 ID。然后模态呈现在页面上，但我仍在等待 Youtube 的响应。

Answer 1

不确定您是如何加载它的，但是 AJAX 确实有一个 native 回调:

$.ajax({
  url: 'myYouTubeData.html',
  success: function(){
    alert('success');
  },
  error: function(){
    alert('failure');
  }
});