This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

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

  • 4 replies
  • 1 has this problem
  • 10 views
  • Last reply by heymeindert

heymeindert
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)

TyDraniu
TyDraniu
  • Top 10 Contributor
more options

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

heymeindert
heymeindert Question owner
more options

Ok I posted it on bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=1710785

heymeindert
heymeindert Question owner
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.

heymeindert
heymeindert Question owner
more options

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