尝试使用 fancybox 3 获取 YouTube 播放器 ID

Question

我正在使用 fancybox v3.3.5 在灯箱中显示 YouTube 视频。视频播放完毕后，我想使用 YouTube API 以便能够在视频播放完毕后收到回调。 YouTube API 需要播放器 ID。我是使用 iframe 的新手，但似乎我之后带有 ID 的元素位于我文档上的文档中。在这种情况下，我不能使用 document.querySelector('') 之类的东西来获取它。

console.log($.fancybox.getInstance()); 记录了一个非常大的对象，虽然我还没有找到它，但我认为这个带有玩家 ID 的特定 div 可能存在于此。

google 搜索时会出现一些小问题，关于如何在视频结束时通过 YouTube API 和 fancybox 获得回调，但他们使用的是较旧的已弃用版本我不允许使用的 fancybox。

这是我正在寻找的 div 图像以及 getInstance() 对象。

div that contains the ID
getInstance() object

HTML:

<a class="fancy" data-fancybox data-width="640" data-height="360" href="https://youtube.com/watch?v=6kkW6qK0GCs&amp;autoplay=0">
  <div class="tutorial">See how it works
    <i class="play circle icon play-button"></i>
    <br>
  </div>
</a>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js"></script>

Answer 1

会是这样的：

$.fancybox.getInstance().current.$content.find('iframe').attr('id')

尝试使用 fancybox 3 获取 YouTube 播放器 ID

Trying to acquire the YouTube player ID with fancybox 3

javascript

jquery

youtube-api

fancybox

fancybox-3