Background Video not working in Safari

bestaward · January 18, 2017, 5:16am

Hello! I use background video block in my design. In Google Chrome — correct rendering. Safari make white overlay. What is it? How to fix it?

vincent · January 18, 2017, 10:38am

I notice it too

Somehow when I pass the black value of the gradient to white, I get almost the same thing in chrome.

How are your overlays and texture defined?

Do you mid sharing your site’s read-only link?

1 - On your site’s dashboard click the Share icon:

2 - Generate or Copy the link:

3 - Then edit your post here and paste it inside.

bestaward · January 18, 2017, 1:52pm

Yeah, i delete gradient overlay and Safari visible it’s ok. But I need a gradient! How to be?

vincent · January 18, 2017, 1:55pm

Maybe try this:

put a DIV overlay on top of the video (absolute position etc)

Put the gradient on it.

Simply said: don’t put the gradient AND the texture on the same element.

You can also try to start by testing the same that you have now but with the texture over the gradient.

bestaward · January 18, 2017, 2:02pm

Ok. Probably was incorrect gradient. I uninstalled and re-made. It worked! Excellent thank you!

vincent · January 18, 2017, 2:03pm

Great! That was very weird indeed…

system · March 20, 2017, 11:03am

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.