Video Autoplay Not Working (Chrome)

Hi Semi Team,

Recently I noticed that the autoplay on vimeo link pop ups are not working in my portfolio section. This has worked for years, until recently. Autoplay works fine on FireFox and Safari, it just doesn't work in Chrome.

Would you happen to know anything about this?

I heard it might be due to iframe delegation, and that you just need to input allow="autoplay", but we don't use iframe anymore.

<!-- Autoplay is allowed. -->
<iframe src="https://cross-origin.com/myvideo.html" allow="autoplay">

I tried putting allow="autoplay" in the <a href>, didn't work.

Code:

<article class="portfolio-item col-lg-6 pf-commercial pf-narrative pf-mv">
<a href="https://vimeo.com/568950262" data-lightbox="iframe" data-disable-under="0" class="grid-inner">

<div class="portfolio-image">
<img src="images/portfolio/reel.jpg" alt="Reel">

<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item">

<div class="overlay-trigger-icon bg-light text-dark on-hover h-text-color" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-hover-parent=".portfolio-item" title="Video">
<i class="icon-line-play"></i>

</div>
</div>

<div class="bg-overlay-bg dark" data-hover-animate="fadeIn" data-hover-parent=".portfolio-item"></div>

</div>
<div class="portfolio-desc">
<h3>AlterCine Production Reel</h3>
<span>Production Reel</span>
</div>
</div>
</a>
</article>

Thank you,
Jason