Jump to content

Video player flashing black on page load

Recommended Posts

  • 2 weeks later...
  • 11 months later...
On 11/9/2022 at 2:55 PM, tuanphan said:
.plyr__video-wrapper {
  

Try this CSS

.video-player .plyr--video, .video-player .plyr__poster, .video-player .plyr__video-wrapper {
    background-color: white !important;
}

 

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
  • 4 weeks later...
On 11/9/2023 at 7:31 AM, Chris333 said:

@tuanphan that solution above worked great for me but I notice it still flashes black on mobile. Is there a separate snippet to prevent this?

Can you share link to page where you have problem?

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
  • 4 months later...

I have a new site that uses a full-width video block under the header.

When it loads, I see a black screen flash before the video plays. Is there a way to remove the black so the video appears smoothly? Ideally, it should be set to transparent so that it appears seamlessly over the purple background colour.

The password to view the site is: ampersand

The video is only 5.7 MB in size, and it's really annoying to see the black flash.

The site is a trial currently

Many thanks in advance,

Jason

Link to comment
  • 2 weeks later...

Here is what I did Tuanphan and something I am noticing with Squarespace.  Sections can get corrupt.  I ended up deleting the section completely, then creating a new section, adding the video back to the new section and I have no problems whatsoever now.  

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.