如何在Fancybox 3中使用Plyr进行vimeo？

Question

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

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

有没有办法在我点击灯箱链接时启动Plyr脚本？

提前致谢！

Answer 1

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

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

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