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 replies
  • 1 has this problem
  • 10 views
  • Last reply by heymeindert

more options

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)

more options

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

more options
more options

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.

more options

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