Dynamically changing a hamburger menu based on background video colour

Question

I have a header with a background video that goes from bright scenes to dark ones and it causes the hamburger menu (which is black) to become invisible during the darker scenes. I'm looking to make the hamburger menu dynamically change based on the background video colour. I've tried mix-blend-mode: difference however it inverts the colours which i do not want.

I also just learned about CSS conditional statements and potentially using those to modify the colour but I'm not sure how I would get the colour value of the video...

Basically I want the black menu to change to white depending on the video.

Open to any ideas... thanks!

edit: I'd like to say from an accessibility prospective this may not make sense as the menu could flicker! I am still curious about how this could be done though for potential future use!