Firefox mix-blend-mode bug on video (mac)
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.
Alle antwurden (4)
Hi, can you file a bug on https://bugzilla.mozilla.org/enter_bug.cgi ? Thanks.
Ok I posted it on bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=1710785
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.
Timothy Nickel on Bugzilla confirmed this will be solved in Firefox 89, which will be released June 1 2021.