We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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.