Jump to content

Force Background Video to Playback at Full Resolution? (Custom CSS)

Recommended Posts

Site URL: http://ryanmariehelfant.com/

Is there Custom CSS code to force my background video to playback at full resolution from the second it appears?

Can it fully load at max resolution before it starts playing? 

No matter the file size, resolution, codec, and FPS, it automatically buffers at low resolution for EXACTLY 6 SECONDS before snapping into full resolution.

(I have tried video ranging from 5MB to 1GB, 480p to 1080p, H.264 and Apple Pro Res, 24FPS and 25FPS - none of this makes a difference! It seems that there is something embedded in Squarespace that causes an exact 5 second low resolution buffer period).

 

 

 

@bangank36 ?

Edited by ryanmariehelfant
Link to comment
  • 1 month later...
  • 2 weeks later...
  • 1 month later...
  • 2 weeks later...

Was there any follow up on this from Squarespace? I just discovered I'm having the same problem, regardless of video background, regardless of codec, regardless of YT upload resolution or export resolution, it hit's full buffer in the same point in the video (likely that 6 second spot op described). Can anyone explain what's going on here or how we can avoid this? There has to be some sort of navigation around this to pre-buffer 1080p, or lock it at 720p so you don't get those jarring resolution switches.

 

Thanks in advance.

Link to comment
  • 2 weeks later...
  • 4 months later...

This is really rather bad as the muddy first seconds kinda completely destroy the first impression that a video on a cover page is supposed to create. 

Squarespace needs to fix this either by downloading / hosting the video or letting it buffer a bit longer ...

Link to comment
  • 4 months later...
  • 1 year later...

Having the same issue. Spoke to squarespace said that they were aware and trying to fix. However seems like they don't really care as this issue has been going on for years it seems. Thinking of jumping ship but wish I didnt have to rebuild my site on another platform. But I see so many sites that full quality video plays instantly on. This really shouldn't be a problem for such a leading site building service.

Link to comment
  • 2 weeks later...

If you would try my https://www.squarewebsites.org/squarespace-plugins/background-videos-utils and enable  my simple iframes - it will respect the quality settings (you may set in backgrounds itself, use values accordingly, its ?quality=1080p for Vimeo, Youtube stopped support from query and uses adaptive stream now it seems, you were able to do ?vq=hd1080 before). SS realisation will ignore this, but plugin will try to use. 

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.