尝试使用fancybox 3获取YouTube玩家ID

Posted 2021-04-15

我使用fancybox v3.3.5在灯箱中显示YouTube视频。视频播放完毕后，我想使用YouTube API在视频播放完毕后能够收到回电。 YouTube API需要玩家ID。我是新手使用iframe但看起来像我之后携带ID的元素是在我的文档中分层的文档中。在这种情况下，我不能使用像document.querySelector('')这样的东西来抓住它。

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

谷歌搜索中会出现一些关于如何在视频结束时使用YouTube API和fancybox获得回调的小提琴，但他们使用的是旧版已弃用的fancybox，我不允许使用。

这是我跟随getInstance（）对象的div的图像。

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>

答案

它会是这样的：

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