Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
sph

Background video does not loop smoothly

Recommended Posts

I'm trying to use a background video (hosted on YouTube) on a 7.1 site. However, every time the clip loops, there is a momentary flicker to black (sometimes one, sometimes two or three times) before the video starts playing again. This is obviously very distracting and not a great experience.

It also flashes up the YouTube chrome (logo, share links, video title) most times around. This happens both on the desktop (Safari) and on mobile (iPhone).

Has anyone else come across this probably, and have any suggestions?

You can see it in action here -- https://artemis-college.squarespace.com/performances (password: beetroot)

Edited by sph

Share this post


Link to post

Did you get any further with this? I've noticed this happening in Safari, but not Chrome. I'm wondering why the "flicker" in Safari... and can't find anyone else talking about it! It seems there's nothing that can be done? Any other thoughts? (anyone?)

Share this post


Link to post
On 2/24/2020 at 6:10 PM, sph said:

I'm trying to use a background video (hosted on YouTube) on a 7.1 site. However, every time the clip loops, there is a momentary flicker to black (sometimes one, sometimes two or three times) before the video starts playing again. This is obviously very distracting and not a great experience.

This black area is the "More Videos" banner that YouTube now insist on adding when the video ends. It is visible each time the video loops. If it loops quickly you'll see a flash, but if it loops slowly you'll see the black background with the video thumbnails. This is in addition to the YouTube logo (bottom right), the title of the video and the icon (top right) at the start of the video. 

To be honest, YouTube has become increasingly unusable as a video platform for Background Videos, and I'm therefore surprised that Squarespace continues to offer this feature. It's an awful experience.

A professional solution can be obtained on a paid plan with Vimeo.


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Share this post


Link to post

I’m using a paid Vimeo plan for hosting videos and see the flicker in Safari on macOS ... but not on iOS. Which is slightly infuriating. Fingers crossed for an update to Safari fixing it, I’ll look into version numbers when back at a desk.

Share this post


Link to post
1 hour ago, David_S said:

I’m using a paid Vimeo plan for hosting videos and see the flicker in Safari on macOS

What’s the site?


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Share this post


Link to post
1 hour ago, David_S said:

small glitch on repeat in Safari here (v 12.1.2)

I see an issue too on 13.1.2. At the end of the video, the banner goes black before it loops, whereas on Chrome the video image freezes unobtrusively and then loops.

I try to avoid video banners because they are fraught with compatibility issues, but if there's no choice I typically:

  • Use Vimeo for longer videos (10-40 second)
  • Use MP4 for short videos
  • Code it so that the video stops after playing once, showing the fallback image.

YouTube is practically unusable for banner videos and I'd prefer it if Squarespace didn't perpetuate the illusion that YouTube is suitable for banner videos.


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...