Problem with fixed backgrounds in Chrome

Hi David,
I just tested your page on Chrome for Mac and it works like a charm. The problem you are describing is not a javascript issue but a CSS one; you should check the Theme css file to verify where the issue is.

Bye,
Matteo

Hi Matteo,
thank you for the reply!

I’m using chrome for mac too; are you able to visualize both the fixed background image of the contacts page and the one with the slab in it?
Cause even with the latest upgrade they are still messed up.

Thanks,
David

Hi David,
Testing your site now I can see the background on the contact section of your page… As I can see it has a “scroll” Attachment position and it is working fine on Chrome. Playing with the CSS effectively I notice that if it has a “fixed” attachment the video came out over the background.
It seams to be a difference on the CSS interpreter between Firefox and Webkit…

In your case The fix could be forcing the video wrapper to have an absolute position instead of fixed:

.mbYTP_wrapper{
   position:absolute !important;
}

Hi Matteo,
thanks for the reply!

yes, I set it as “scroll” to avoid trouble with this css rule:

/*only for webkit  browsers*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.page-8{
        background-attachment: scroll !important;
    }
}

I’ve just tried the “absolute” rule you suggested me, but it doesn’t seem to work, apparently the video is still visible on top of the fixed image the only difference is that now is frozen and won’t play.
I wonder if it is just my template..

Hi,
I’ll make some test to understand what is wrong for Chrome YTPlayer and section “fixed” backgrounds.

Bye,
Matteo

You are great!
Thank you!

Hi David,
Just figured out what was the problem with Chrome and fixed elements.
The fix will be available with the next 1.8.9 release; if you want to test it right now you can download the development version of the plug-in from here:
https://downloads.www.ads-software.com/plugin/wpmbytplayer.zip

Bye,
Matteo

This sounds great!

For the moment I’m hanging on the plugin because I noticed it was in conflict with the bootstrap carousel.

I think you are already aware of that for I have been browsing on google and I’ve seen some people commenting about that (on GitHub or so). I figured that issue might take longer to be solved so I’d rather wait and stay tune for new updateds cause gosh your plugin is awsome!

Thanks again!

Sorry David,
Making more tests the problem seams to be still there; it is a well known bug of Chrome and it is still an open issue for them. At the moment I can’t do anything to solve it. Hope that Chrome team will fix it soon.

Bye,
Matteo

Are you talking about the fixed background or the bootstrap carousel?

In any case don’t sweat it, you’ve already done a hell of a job!
Keep up the good work!

Thanks,
David

Hi! I am having the same issue with the video overlaying other backgrounds: https://www.chris-melinda.com

I tried the development version but it didn’t solve the problem. Any help is appreciated!

@melinda:
The problem is due to a known bug with Chrome and background-attachment: fixed position. There are several tickets opened for this on the Chrome developers bug tracking. Hope they’ll solve it on next releases.

Bye,
Matteo