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

Le thread ibilondoloziwe. Nceda ubuze umbuzo omtsha ukuba ufuna uncedo.

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

  • 4 iimpendulo
  • 1 inayo le ngxaki
  • 10 views
  • Impendulo yokugqibela ngu 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.
Iqhotyoshelwe imifanekiso ekwisikrini

All Replies (4)

TyDraniu
TyDraniu
  • Top 25 Contributor
more options

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

heymeindert
heymeindert Umnini wombuzo
more options

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

heymeindert
heymeindert Umnini wombuzo
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 Umnini wombuzo
more options

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