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。

只有在点按了“播放”按钮之后，视频才开始播放。

如何使ist自动启动？

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

Fancybox3 Youtube视频加载和自动启动

1 个答案: