Video player flashing black on page load

Does anyone know how to get rid of the black flash on the video player that appears before a page loads?

Hi,

What is page url?

https://www.theblobseries.com/ 

thanks! 

Try adding to Design > Custom CSS

.plyr__video-wrapper {
    background-color: transparent !important;
}

I have the same problem here: https://www.martiandesign.com/work/comvita

but unfortunately your solution didn't work @tuanphan

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;
}

@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?

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?

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

What is page url?

I'm having this same issue.  Did you ever get this resolved?

I tried this code as well and it didn't work.  

20 hours ago, MoeCritiques said:

I'm having this same issue.  Did you ever get this resolved?

 

You can share link to page where you use video, we can check again easier

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.  

@tuanphan.  Now I'm having the same issue on the home page.  Not sure what is going on.  I removed all CSS but that was not it.  Just like @jasonconway  see a black screen flash before the video plays on 7.1.  I've used your codes unfortunately those are not working.

moetalks.com

pw 2024.

17 hours ago, MoeTalks said:

@tuanphan.  Now I'm having the same issue on the home page.  Not sure what is going on.  I removed all CSS but that was not it.  Just like @jasonconway  see a black screen flash before the video plays on 7.1.  I've used your codes unfortunately those are not working.

moetalks.com

pw 2024.

Try this CSS code

[data-section-id="663a43d40bc423574198a318"] * {
    background-color: #fff !important;
}

Hi @tuanphan.  Thanks for that but because I have a  full bleed video in that section, making it white completely covers the video.  However, I replaced #fff with transparent and right now that seems to be working.