Fancybox3 Youtube видео загрузки и автозапуска

Question

У меня есть маленький сайт с видео.Это видео YouTube.

Но если появится fancybox, оно не запустится автоматически.

Вот мой код:

<section class="contact bg-primary" id="video">
  <div class="container">
    <h2>Videoteaser</h2>

      <a data-fancybox data-width="640" data-small-btn="true" data-height="360" class="btn btn-outline2 btn-xl js-scroll-trigger"ata-small-btn="true" href="https://www.youtube.com/watch?v=MkCbpgUpkMo">Videoteaser</a>
  </div>
</section>

Чтобы открыть автоматически, у меня естьэтот маленький JS внизу сайта:

$('[data-fancybox]').eq(0).trigger('click');

Проблема в том, что видео не запускается автоматически.Независимо от того, нажимаю ли я на кнопку или использую маленький JS, чтобы автоматически открывать fancybox.

Только после нажатия кнопки Play, видео действительно запускается.

Как сделать автоматический запуск?

Answer 1

Вы используете Chrome, верно?Тогда ответ прост - он не запустится из-за Autoplay Policy Changes, см. https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

Кроме этого - он отлично работает https://codepen.io/anon/pen/pqyzEM?editors=1000