Uyendaylln Posted October 23, 2022 Share Posted October 23, 2022 (edited) Does anyone know how to get rid of the black flash on the video player that appears before a page loads? Edited October 23, 2022 by Uyendaylln Personal info on image Link to comment
tuanphan Posted October 26, 2022 Share Posted October 26, 2022 Hi, What is page url? 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
Uyendaylln Posted November 7, 2022 Author Share Posted November 7, 2022 https://www.theblobseries.com/ thanks! Link to comment
tuanphan Posted November 9, 2022 Share Posted November 9, 2022 Try adding to Design > Custom CSS .plyr__video-wrapper { background-color: transparent !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
Martian Posted October 14, 2023 Share Posted October 14, 2023 I have the same problem here: https://www.martiandesign.com/work/comvita but unfortunately your solution didn't work @tuanphan Link to comment
tuanphan Posted October 15, 2023 Share Posted October 15, 2023 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
Chris333 Posted November 9, 2023 Share Posted November 9, 2023 @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? Link to comment
tuanphan Posted November 10, 2023 Share Posted November 10, 2023 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
jasonconway Posted March 22 Share Posted March 22 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 MoeTalks 1 Link to comment
tuanphan Posted April 1 Share Posted April 1 What is page url? 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
MoeTalks Posted April 6 Share Posted April 6 I'm having this same issue. Did you ever get this resolved? Link to comment
MoeTalks Posted April 6 Share Posted April 6 I tried this code as well and it didn't work. Link to comment
tuanphan Posted April 7 Share Posted April 7 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 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
MoeTalks Posted April 7 Share Posted April 7 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. Beyondspace and tuanphan 2 Link to comment
MoeTalks Posted May 7 Share Posted May 7 @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. Beyondspace 1 Link to comment
tuanphan Posted May 8 Share Posted May 8 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; } 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
MoeTalks Posted May 8 Share Posted May 8 (edited) 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. Edited May 8 by MoeTalks tuanphan and Beyondspace 2 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment