Gallery block auto play video

Site URL: https://www.laineylee.com/

Hello, I'm trying to add video clips from vimeo into my main page gallery block. When I add the following code I just get a blank grey box for that section instead of my video autoplaying.

<iframe src="https://player.vimeo.com/video/675536025?autoplay=1&loop=1&autopause=0&background=1&color=ffffff&controls=0&portrait=0" width=“640” height= “360”  frameborder="0" allow="autoplay; fullscreen"  allowfullscreen></iframe>

Not sure what's wrong as this code works throughout my website to auto play videos just fine, just not in gallery.

Any help appreciated!

You added to Code Block, Embed Block or..?

Hi @tuanphan , I was trying to add it to the image gallery I currently have auto scrolling on my homepage. I was trying to use an embed code.

I'm having the same issue trying to embed videos into a video gallery block on 7.1. The videos load when I use a Vimeo url, but nothing shows up when I use the Vimeo embed code, which I'd prefer so they'll autoplay. Any ideas?

Paste where? Design > Custom CSS

// Autoplay reel //

.gallery-reel-wrapper   {overflow: hidden; /*height: 510px; width: 728px; margin: 0 auto;*/ }

.gallery-reel-list      {width: 2912px; animation-name: behindscenes; animation-duration: 30s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; 

	animation-play-state: running;}

.gallery-reel-list:hover {animation-play-state: running;}

@keyframes behindscenes {0% {margin-left: 0px;}

  50% {margin-left: -50%;}

  100% {margin-left: -100%;}  

}

// Autoplay function //

.target   {overflow: hidden; /*height: 510px; width: 728px; margin: 0 auto;*/ }

.target     {width: 2912px; animation-name: behindscenes; animation-duration: 30s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; 

	animation-play-state: running;}

.target:hover {animation-play-state: running;}

@keyframes behindscenes {0% {margin-left: 0px;}

  50% {margin-left: -50%;}

  100% {margin-left: -100%;}  

}

Thanks, @Mdhanjal.

It didn't really do anything, though. My embedded videos aren't showing up even with the code. I also tried it with urls rather than embedded code, but the autoplay didn't work there, either.

I'd also like to do this on a gallery page - https://www.jlnguyen.com/accountability-rebrand

Right now the video has to be clicked and it plays in a lightbox. I would rather it autoplay on the page without lightbox.