Help with video

Hi there

I have a very important client project and need help with some problems:

https://www.elysia-living.ch/
PW: EL2024

1. The video on the background of my lock-screen is blurry at the beginning. I implemented it from Vimeo and there it is sharp. Anything I can do about it? See here:

2. Alternatively, I created a preview page with a video in the background, when you click anywhere you get directed to the main homepage: https://elysia-living.ch/intro
Unfortunately, this video with autoplay in fullscreen does not play audio. I know that some browsers don't support audio. Is there any possibility to anyways playing it? The client spent a lot of money on this animation and it would lose its effect without music. With clicking anywhere on the video the user gets redirected to the homepage, so I can't display controls. Do you have any better solution?

3. In general loading time is not fast enough. Is there anything I can do about it?

Many thanks
Sibylle

Have you tried hosting the video on Squarespace directly?

27 minutes ago, Ziggy said:

Have you tried hosting the video on Squarespace directly?

The video on the intro page (https://elysia-living.ch/intro) is hosted on Squarespace directly. 
For the lock-screen, I only have the option to insert a link from Vimeo or YouTube. I tried both. There is no possibility to upload a video.

Please help 🙂

What resolution is the video on Vimeo?

1 hour ago, Ziggy said:

What resolution is the video on Vimeo?

I guess 1080p / Full HD. Where can I see that? In case I have to ask the videographer.
If you can find out, here are the links to Vimeo and the video itself I uploaded.
 

https://drive.google.com/file/d/1op-3gnHGTzEnpbaSbT9ziJSmXW3DFeb8/view?usp=drive_link

Thanks
Sibylle

No browser will play the audio in autoplay. For that you need to person to interact with the site somehow, e.g. click a button etc. Most common solution is to have a popup overlay or splash page with "Enter" button. Once user clicks it disappears and video with audio starts. 

6 hours ago, nick_sh said:

No browser will play the audio in autoplay. For that you need to person to interact with the site somehow, e.g. click a button etc. Most common solution is to have a popup overlay or splash page with "Enter" button. Once user clicks it disappears and video with audio starts. 

Hello @nick_sh
Thank you. The problem with the overlay is, that I already have a code where you get linked to the start-page when clicking anywhere on the video - both is probably not possible. Anyways thank you.

Do you have an idea why my embedded video from Vimeo is blurry in the first few seconds on the lock-screen?
See conversation above.

Many thanks
Sibylle

Apparently Squarespace doesn't allow autoplay with sound. You might need custom html code block with <video>.

As for Vimeo, unfortunately I can only think of the problem is in the page itself — did you try another video? Does it work same way?

On 2/9/2024 at 8:04 PM, nick_sh said:

Apparently Squarespace doesn't allow autoplay with sound. You might need custom html code block with <video>.

As for Vimeo, unfortunately I can only think of the problem is in the page itself — did you try another video? Does it work same way?

Hi @nick_sh Can you provide me with the HTML code block for the video?
And regarding the lock-screen: yes I tried also other videos - it is always the same, first few seconds are blurry.
I really have to get this fixed, the video was way too expensive to create for not showing it in high res. Any idea what to try? I also deleted all the custom code in css and code injection, but that did not change anything.

Thanks
Sibylle

On 2/9/2024 at 10:27 AM, Ziggy said:

What resolution is the video on Vimeo?

Hi @Ziggy. Do you have any solution for this?

Would be more than grateful.
Thanks
Sibylle

I can't actually embed the video from Vimeo as it's on a basic Vimeo account.

5 hours ago, Ziggy said:

I can't actually embed the video from Vimeo as it's on a basic Vimeo account.

Hi @Ziggy, it works for me even though I don't have a subscription. Anyways, also if I embed it from YouTube it is the same problem, or if I embed any other type of video.

YouTube Link: 

Thanks for your help!

I'll try testing on one of my websites, and get back

I feel like it works okay on my test site:

https://quillfish-tangerine-4c2a.squarespace.com/

PW: testing

(excuse the site, it's a hodge-podge of testing and all needs deleting!)

3 hours ago, Ziggy said:

I feel like it works okay on my test site:

https://quillfish-tangerine-4c2a.squarespace.com/

PW: testing

(excuse the site, it's a hodge-podge of testing and all needs deleting!)

Thank you @Ziggy. Can you please try to implement it on the background of the lock-screen?
All the other videos embedded normally on the page work well. I only have the problem on the password protected page.

Thank you very much!
Sibylle

It does appear to be a problem on the lock page, no matter what video I try.

It's worth reporting this to Squarespace Support:
https://support.squarespace.com/hc/en-us/requests/new#choose-topic

8 minutes ago, Ziggy said:

It does appear to be a problem on the lock page, no matter what video I try.

It's worth reporting this to Squarespace Support:
https://support.squarespace.com/hc/en-us/requests/new#choose-topic

 @Ziggy I already reported it and did not get any reply from Squarespace. It is a very big problem as the client paid a lot of money for this video and it is the first impression for the potential buyer of this villa 😞  What else can I do?
Do you also have an idea why the lock-page loads this slowly?

Thank you
Sibylle

15 minutes ago, Sibylle_Zurich said:

@Ziggy I already reported it and did not get any reply from Squarespace. It is a very big problem as the client paid a lot of money for this video and it is the first impression for the potential buyer of this villa 😞  What else can I do?
Do you also have an idea why the lock-page loads this slowly?

I hear you, but there's not much that I can suggest, the lock page especially has very little control, apart from image size there's not you can control in terms of loading.

3 minutes ago, Ziggy said:

I hear you, but there's not much that I can suggest, the lock page especially has very little control, apart from image size there's not you can control in terms of loading.

@Ziggy ok thanks. Do you think the problem could be that I don't have a paid version of Vimeo?
However, it does not work with other videos either...

2 hours ago, Sibylle_Zurich said:

@Ziggy ok thanks. Do you think the problem could be that I don't have a paid version of Vimeo?
However, it does not work with other videos either...

I found this forum entry and it seems the issue is existing for years already:

4 minutes ago, Sibylle_Zurich said:

I found this forum entry and it seems the issue is existing for years already:

That's plausible, though disappointing.

9 minutes ago, Ziggy said:

That's plausible, though disappointing.

Thank you anyways for your help!
Do you have an idea why the lock-page loads this slowly?

@Sibylle_Zurich the code for video block would be (but needs styling): 

<video autoplay loop>
  <source src="VIDEO SOURCE" type="video/mp4" />
</video>

Can you also try replacing you cover page with a regular page? Would that work?