Jump to content

Rogue thumbnail image showing before a video plays

Go to solution Solved by tuanphan,

Recommended Posts

Hello @tuanphan,

I wondered if you could help with a problem I can't seem to correct with an embedded video block.

The video mp4 autoplays without controls as the first section on the home page. The problem I'm having is that there is an extra frame being displayed at the beginning of the video which can actually be found about half way through the video.

Looking through the Squarespace code, I think I've found this rogue frame: [thumbnail (1920×1080) (squarespace-cdn.com)](https://video.squarespace-cdn.com/content/v1/65aa811301034677ee196bea/1bd6e243-d5eb-4c45-a47a-ccb46f946b03/thumbnail), which only shows when the website first loads or is reloaded (not when the video is clicked on to be played again).

Also, I've noticed that, only when using the Firefox browser, the video refuses to autoplay about 9 times out of ten and displays the loading circle.

Thanks in advance.

Link to comment
  • Replies 7
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

#1. Try this to Website > Website Tools > Custom CSS

div#block-yui_3_17_2_1_1710318531479_89426 .plyr__poster {
    background-image: none !important;
}

#2. I think we can use Code Block to add video. If you provide video file, I will try something

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
22 hours ago, trout-vanilla-fe4g said:

Many thanks @tuanphan, suggestion #1 worked!

Any thoughts on why Firefox is mostly refusing to load the video?

I don't know this. You try posting problem to Coding Categorize 

https://forum.squarespace.com/forum/39-customize-with-code/

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (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.