Как использовать Plyr для Vimeo в Fancybox 3?

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');
  }
});

Quick demo - https://codepen.io/anon/pen/gdZYbL