[njwrigleyParticipant]

Hi there,

I know that you don’t support Revolution Slider as such, but I was wondering if you’d come across a problem that I have and have a solution.

I’m using Integrity and have a Slider on the homepage here: https://fitkid.co

The slider is used to simply put a Vimeo video in the background which I can then add some animation to over the top. As you can see, the video autoplays okay, but you’ll also notice that there is a ‘black flash’ just before the video starts to play.

I’m using the HTML5 video setting in Revolution Slider and am a Vimeo Pro user which allows me to place a link to an .mp4 which is hosted on Akamai’s CDN.

As my site is going to be primarily white, this 0.5 second flash of black is a little annoying. Do you know how I might load this without the black flash? I think that I saw a link once somewhere which indicated that you’ve done this successfully, but darned if I can find it!

Thanks.

[DarshanaModerator]

Hi there,

Thanks for writing in! Could you please try adding the following CSS rule into your Customizer, Custom > CSS area using the menu Appearance -> Customize.

#rev_slider_3_1 {
    background-color: #fff !important;
}

Hope that helps.

[njwrigleyParticipant]

Thanks for getting back.

I’ve done that (as you can verify) but there is no change – I still get the ‘black flash’!

Any other ideas?

[RupokMember]

Hi there,

You can try setting background color black –

#rev_slider_3_1 {
    background-color: #000!important;
}

Hope this helps.

Cheers!

[njwrigleyParticipant]

Again – there is still this black flash now that the I’ve updated to:

background-color: #000!important;

Why were you thinking that #000; would help?

any other thoughts would be really welcome?

[ZeshanMember]

Hi there,

Sorry for the confusion! Please review the previous CSS code and use following instead:

#rev_slider_3_1 {
    background-color: #fff !important;
}

.fullcoveredvideo video, .fullscreenvideo video {
    background-color: #fff;
}

Hope this helps. 🙂

Thank you.

[njwrigleyParticipant]

I’ve used that CSS and this also does not sort the issue. Is this black flash coming from Vimeo?

Any other suggestions?

[FriechModerator]

Hi There,

It seems like you remove the video on the page. The only thing I can think of is the Slider container with black background loads first before the Vimeo fade-in (load). Change the background of your slider make it transparent or same color as the page background.

Hope it helps, Cheers!

[Author]

Posts