Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Firefox mix-blend-mode bug on video (mac)

  • 4 பதிலளிப்புகள்
  • 1 இந்த பிரச்சனை உள்ளது
  • 7 views
  • Last reply by heymeindert

I am trying to use css mix-blend-mode in combination with video. It works on every browser, and every device. BUT it does not work on Mac with firefox browser...

See the codepen For those without a mac, see the screenshot

Does someone know the solution to this problem? I was thinking about adding a fallback support with '@supports (mix-blend-mode: multiply)', but this will always return true in this case because it is supported on firefox...

Thank you for the help and your time.

I am trying to use css mix-blend-mode in combination with video. It works on every browser, and every device. BUT it does not work on Mac with firefox browser... See the [https://codepen.io/heymeindert/pen/oNZjwPa codepen] For those without a mac, see the [https://i.stack.imgur.com/hv8lS.png screenshot] Does someone know the solution to this problem? I was thinking about adding a fallback support with '@supports (mix-blend-mode: multiply)', but this will always return true in this case because it is supported on firefox... Thank you for the help and your time.
Attached screenshots

All Replies (4)

Hi, can you file a bug on https://bugzilla.mozilla.org/enter_bug.cgi ? Thanks.

Bluebomber on Stackoverflow has this bug too and found out that if you add opacity 0.98 to the video, the mix-blend-mode starts working.. I will add it to the bugzilla report.

Timothy Nickel on Bugzilla confirmed this will be solved in Firefox 89, which will be released June 1 2021.