javascript - 如何在 Fancybox 3 中使用 Plyr for vimeo？

Question

我正在使用Plyr自定义嵌入式 Vimeo 视频的播放器皮肤。

但是我在使用Fancybox 3灯箱脚本时遇到了问题。而且我不能在 Fancybox 中使用 inline 选项，因为在某些情况下我将使用 AJAX 加载链接/帖子。

只有当我点击灯箱链接时，有没有办法触发 Plyr 脚本？

提前致谢！

标签： javascriptjqueryfancyboxvimeoplyr.js

Answer 1

fancybox 可以显示任何 html 代码，因此没有理由不能与 Plyr 一起使用。

如果您想使用 ajax 加载内容，那么您很可能需要使用回调来初始化 Plyr。它会是这样的：

$("[data-fancybox]").fancybox({
  beforeShow : function() {
    const player = new Plyr('#player');
  }
});

快速演示 - https://codepen.io/anon/pen/gdZYbL