如何在 Fancybox 3 中使用 Plyr for vimeo?

How to use Plyr for vimeo in Fancybox 3?

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

但是我在将它与 Fancybox 3 灯箱脚本一起使用时遇到了问题。而且我不能在 Fancybox 中使用内联选项,因为在某些情况下我会使用 AJAX.

加载 links/posts

有没有一种方法可以仅在我点击灯箱时触发 Plyr 脚本 link?

提前致谢!

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

如果您想使用 ajax 加载内容,那么您很可能需要使用回调来初始化 Plyr。应该是这样的:

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

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