Jump to content

Gallery block auto play video

Recommended Posts

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!

Link to comment
  • Replies 6
  • Views 675
  • Created
  • Last Reply

Top Posters In This Topic

  • 1 year later...
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%;}  

}

 

Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com

Website:-  dhanjalsolution.com

Best Hourly Rate :- $15 Per Hour

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.