Rogue thumbnail image showing before a video plays

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.

Can you share link to page where you use video?

Thanks for the reply @tuanphan,

The page is: https://trout-vanilla-fe4g.squarespace.com/home

More info on the rogue element involved:

<div class="plyr__poster" style="background-image: url(&quot;https://video.squarespace-cdn.com/content/v1/65aa811301034677ee196bea/1bd6e243-d5eb-4c45-a47a-ccb46f946b03/thumbnail&quot;);"></div>

Many thanks @tuanphan, suggestion #1 worked!

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

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/

Thanks @tuanphan, will do