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:
https://codepen.io/heymeindert/pen/oNZjwPa
For those without a mac, see the screenshot: mix-blend-mode firefox-mac bug
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.
EDIT: Timothy Nickel on Bugzilla confirmed this will be solved in Firefox 89, which will be released June 1 2021.
Just wanted to confirm that this has been solved by Firefox as of June 1 2021.
