Jump to content

Background video stops after opening a lightbox

Recommended Posts

I created a clickable section with a background video playing a video from Vimeo. When I click on the section it opens a lightbox (Squarespace Video Lightbox Button Plugin from SQSP themes) where I can see the video with sound.
When I close the lightbox, the background video is static and doesn't play anymore.
Any idea how the background video could be reset when closing the lightbox?

Link to comment
2 hours ago, Remi68 said:

I created a clickable section with a background video playing a video from Vimeo. When I click on the section it opens a lightbox (Squarespace Video Lightbox Button Plugin from SQSP themes) where I can see the video with sound.
When I close the lightbox, the background video is static and doesn't play anymore.
Any idea how the background video could be reset when closing the lightbox?

What is your site URL so we can take a look?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

Where the bg video is found?

image.thumb.png.dc4ca8492030807dd52b012dab656d63.png

Update:

I found the videos and can replicate the issue, will take a look

Edited by Beyondspace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

Okay I made some digging, looks like this is expected behavior of Vimeo videos, where it expects user will not want 2 videos play at the same time https://help.vimeo.com/hc/en-us/articles/12426260232977-Player-parameters-overview

You can override this behavior by adding a parameter to your video background URL, notice the &autopause=0 parameter

Note that if your URL does not contains any URL parameter use ?autopause=0

Origin: https://vimeo.com/1006145436?share=copy

Modified: https://vimeo.com/1006145436?share=copy&autopause=0

image.thumb.png.16b7a2b587699594de907f5fe478db4e.png

Check demo, cc: @Omari

 

 

Edited by Beyondspace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
39 minutes ago, Remi68 said:

It's definitely a problem of Vimeo because one video is uploaded from Youtube and doesn't have the problem.

Yes it is a vimeo feature that stops 2 video play at the same time

Could you take screenshot on the background video url you added? 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
22 minutes ago, Remi68 said:

Yes sure the full link is 

 

https://vimeo.com/1006145436?share=copy&autopause=0

Thank you

 

image.png

I see now, looks like the vimeo parameter is removed when the background is generated, 

Therefore I can only suggest you to download the video and insert it as sqs hosted videos background or use youtube. Sorry for the oversight!

image.thumb.png.8c4225b9ce99ee0846169743db96a0fc.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

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.