Chrome opacity issue with Chrome on mac

[optima-ben]

I'm getting inconsistent opacity with video when used as a background image in Chrome on Mac's. They are much more faint on the mac. Anyone else getting this?

[optima-ben]

In response to this I've implemented temporary fix, firstly use the following to apply a .mac or .pc class to the body:

if (navigator.userAgent.indexOf('Mac OS X') != -1) {
  $("body").addClass("mac");
} else {
  $("body").addClass("pc");
}

and then target this with a chrome only media query.

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    #home.mac selector {
        opacity: 0.3;
    }
}