Leeloo77 Posted February 10, 2022 Share Posted February 10, 2022 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
tuanphan Posted February 14, 2022 Share Posted February 14, 2022 You added to Code Block, Embed Block or..? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Leeloo77 Posted February 16, 2022 Author Share Posted February 16, 2022 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. Link to comment
Amy_R Posted February 16 Share Posted February 16 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? Link to comment
Mdhanjal Posted February 16 Share Posted February 16 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
Amy_R Posted February 16 Share Posted February 16 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. Link to comment
jlnguy3n Posted February 16 Share Posted February 16 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. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment